<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="PowerUp">

    <title>PowerUp || Dietary Products</title>

    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="assets/media/favicon.png">

    <!-- All CSS files -->
    <link rel="stylesheet" href="/forword/css/font-awesome.css">
    <link rel="stylesheet" href="/forword/css/slick-theme.css">
    <link rel="stylesheet" href="/forword/css/slick-slider.css">
    <link rel="stylesheet" href="/forword/css/bootstrap.min.css">
    <link rel="stylesheet" href="/forword/css/slick-animation.css">
    <link rel="stylesheet" href="/forword/css/app.css">

</head>

<body class="tt-smooth-scroll">

    <!-- Preloader -->
    <div id="preloader">
        <div class="loading loading07">
          <span data-text="P">P</span>
          <span data-text="O">O</span>
          <span data-text="W">W</span>
          <span data-text="E">E</span>
          <span data-text="R">R</span>
          <span data-text="U">U</span>
          <span data-text="P">P</span>
        </div>
    </div>
    <!-- Preloader -->

    <!-- Main Wrapper Start -->
    <div id="scroll-container" class="main-wrapper">

        <header th:replace="~{header}"></header>

        <!-- Main Sections -->
        <main class="main-wrapper">

            <!-- HERO BANNER START -->
            <section class="hero-banner">
                <div class="container-fluid">
                    <div class="hero-wrapper">
                        <div class="slider-arrows d-sm-flex d-none">
                            <a href="javascript:;" class="sm-btn light arrow-btn btn-prev" data-slide="hero-banner-slider">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                    <path d="M15.1883 19.7337C15.5433 19.3788 15.5433 18.8031 15.1882 18.4481L6.74017 10.0002L15.1883 1.55191C15.5433 1.19694 15.5433 0.621303 15.1882 0.266273C14.8332 -0.0887576 14.2576 -0.0887576 13.9026 0.266273L4.81168 9.35742C4.6412 9.52791 4.54544 9.75912 4.54544 10.0002C4.54544 10.2413 4.64126 10.4726 4.81174 10.643L13.9027 19.7337C14.2576 20.0888 14.8333 20.0888 15.1883 19.7337Z" fill="#141516"></path>
                                </svg>
                            </a>
                            <a href="javascript:;" class="sm-btn light arrow-btn btn-next" data-slide="hero-banner-slider">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                    <path d="M4.81165 0.266265C4.45668 0.621235 4.45662 1.19687 4.81171 1.5519L13.2598 9.99978L4.81165 18.4481C4.45668 18.8031 4.45662 19.3787 4.81171 19.7337C5.16674 20.0888 5.74232 20.0888 6.09735 19.7337L15.1883 10.6426C15.3587 10.4721 15.4545 10.2409 15.4545 9.99978C15.4545 9.75869 15.3587 9.52742 15.1882 9.35699L6.09729 0.266326C5.74232 -0.088765 5.16668 -0.0887653 4.81165 0.266265Z" fill="#141516"></path>
                                </svg>
                            </a>
                        </div>
                        <div class="hero-banner-slider">
                            <div class="hero-slide">
                                <div class="w-100 h-100 d-flex flex-column align-items-center justify-content-between gap-64">
                                    <h1 class="title white text-center" data-animation-in="fadeInUp" data-delay-in="0.3"><a lg="val2"></a>
                                        <span class="d-block color-primary" data-animation-in="fadeInUp" data-delay-in="0.3"><a lg="val1"></a></span>
                                    </h1>
                                    <div class="row row-gap-4 align-items-end">
                                        <div class="col-lg-3">
                                            <p class="mb-32 white text-lg-start text-center"><a lg="val3"></a>
                                            </p>
                                            <div class=" mb-48">
                                                <a href="shop-grid.html" class="cus-btn-arrow">
                                                    View Collection
                                                    <div class="icon">
                                                        <i class="fa-light fa-chevron-right"></i>
                                                    </div>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <img src="/forword/picture/hero-image.png" class="hero-image" alt="hero image" data-animation-in="zoomIn" data-delay-in="0.4">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="hero-slide">
                                <div class="w-100 h-100 d-flex flex-column align-items-center justify-content-between gap-64">
                                    <h1 class="title white text-center" data-animation-in="fadeInUp" data-delay-in="0.3">Be Fit with Fuel Our
                                        <span class="d-block color-primary" data-animation-in="fadeInUp" data-delay-in="0.3">Premium Supplements!</span>
                                    </h1>
                                    <div class="row row-gap-4 align-items-end">
                                        <div class="col-lg-3">
                                            <p class="mb-32 white">We are passionate about helping you achieve your
                                                fitness goals through the power of high-quality nutrition. Whether
                                                you’re looking to build...
                                            </p>
                                            <div class=" mb-48">
                                                <a href="blog-grid.html" class="cus-btn-arrow">
                                                    View Collection
                                                    <div class="icon">
                                                        <i class="fa-light fa-chevron-right"></i>
                                                    </div>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <img src="/forword/picture/hero-image.png" class="hero-image" alt="hero image" data-animation-in="zoomIn" data-delay-in="0.3">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="hero-slide">
                                <div class="w-100 h-100 d-flex flex-column align-items-center justify-content-between gap-64">
                                    <h1 class="title white text-center" data-animation-in="fadeInUp" data-delay-in="0.3">Your Fitness is your Strength
                                        <span class="d-block color-primary" data-animation-in="fadeInUp" data-delay-in="0.3">Premium Supplements!</span>
                                    </h1>
                                    <div class="row row-gap-4 align-items-end">
                                        <div class="col-lg-3">
                                            <p class="mb-32 white">We are passionate about helping you achieve your
                                                fitness goals through the power of high-quality nutrition. Whether
                                                you’re looking to build...
                                            </p>
                                            <div class=" mb-48">
                                                <a href="blog-grid.html" class="cus-btn-arrow">
                                                    View Collection
                                                    <div class="icon">
                                                        <i class="fa-light fa-chevron-right"></i>
                                                    </div>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <img src="/forword/picture/hero-image.png" class="hero-image" alt="hero image" data-animation-in="zoomIn" data-delay-in="0.3">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- HERO BANNER END -->

            <!-- PRODUCT CATEGORIES START -->
            <div class="categories-section pt-80 pb-40">
                <div class="container-fluid">
                    <div class="row row-gap-4">
                        <div class="col-lg-2 col-md-4 col-sm-6 col-6">
                            <a href="shop-grid.html" class="category-block">
                                <div class="image-box mb-16">
                                    <img src="/forword/picture/01.png" alt="">
                                </div>
                                <div class="text-box">
                                    <h6 class="title-text mb-8">Vitamins & Minerals</h6>
                                    <p class="subtitle dark-gray">20+ Items</p>
                                </div>
                            </a>
                        </div>
                        <div class="col-lg-2 col-md-4 col-sm-6 col-6">
                            <a href="shop-grid.html" class="category-block">
                                <div class="image-box mb-16">
                                    <img src="/forword/picture/02.png" alt="">
                                </div>
                                <div class="text-box">
                                    <h6 class="title-text mb-8">Mass Gainers</h6>
                                    <p class="subtitle dark-gray">20+ Items</p>
                                </div>
                            </a>
                        </div>
                        <div class="col-lg-2 col-md-4 col-sm-6 col-6">
                            <a href="shop-grid.html" class="category-block">
                                <div class="image-box mb-16">
                                    <img src="/forword/picture/03.png" alt="">
                                </div>
                                <div class="text-box">
                                    <h6 class="title-text mb-8">Fat Burners</h6>
                                    <p class="subtitle dark-gray">20+ Items</p>
                                </div>
                            </a>
                        </div>
                        <div class="col-lg-2 col-md-4 col-sm-6 col-6">
                            <a href="shop-grid.html" class="category-block">
                                <div class="image-box mb-16">
                                    <img src="/forword/picture/04.png" alt="">
                                </div>
                                <div class="text-box">
                                    <h6 class="title-text mb-8">Energy Boosters</h6>
                                    <p class="subtitle dark-gray">20+ Items</p>
                                </div>
                            </a>
                        </div>
                        <div class="col-lg-2 col-md-4 col-sm-6 col-6">
                            <a href="shop-grid.html" class="category-block">
                                <div class="image-box mb-16">
                                    <img src="/forword/picture/05.png" alt="">
                                </div>
                                <div class="text-box">
                                    <h6 class="title-text mb-8">Protein Supplements</h6>
                                    <p class="subtitle dark-gray">20+ Items</p>
                                </div>
                            </a>
                        </div>
                        <div class="col-lg-2 col-md-4 col-sm-6 col-6">
                            <a href="shop-grid.html" class="category-block">
                                <div class="image-box mb-16">
                                    <img src="/forword/picture/06.png" alt="">
                                </div>
                                <div class="text-box">
                                    <h6 class="title-text mb-8">Meal Replacements</h6>
                                    <p class="subtitle dark-gray">20+ Items</p>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- PRODUCT CATEGORIES END -->

            <!-- FEATURE PRODUCTS START -->
            <section class="feature-products py-40">
                <div class="container-fluid">
                    <h2 class="fw-600 black mb-8">Feature Products</h2>
                    <p class="mb-24">Discover our Feature products designed to fuel your fitness journey.</p>
                    <div class="d-flex align-items-start justify-content-between flex-lg-row flex-column pb-40">
                        <ul class="tabs list-unstyled">
                            <li class="tab-link active" data-tab="1">All Product</li>
                            <li class="tab-link" data-tab="2">Protein Powders</li>
                            <li class="tab-link" data-tab="3">Pre-Workout</li>
                            <li class="tab-link" data-tab="4">Post-Workout</li>
                            <li class="tab-link" data-tab="4">Energy Boost</li>
                        </ul>
                        <a href="shop-grid-sidebar.html" class="cus-btn-arrow">
                            See All Products
                            <div class="icon">
                                <i class="fa-light fa-chevron-right"></i>
                            </div>
                        </a>
                    </div>
                    <div class="content-wrapper">
                        <div id="tab-1" class="tab-content active">
                            <div class="slider-container">
                                <div class="slider-arrows d-sm-flex d-none">
                                    <a href="javascript:;" class="sm-btn light arrow-btn btn-prev" data-slide="product-slider">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                            <path d="M15.1883 19.7337C15.5433 19.3788 15.5433 18.8031 15.1882 18.4481L6.74017 10.0002L15.1883 1.55191C15.5433 1.19694 15.5433 0.621303 15.1882 0.266273C14.8332 -0.0887576 14.2576 -0.0887576 13.9026 0.266273L4.81168 9.35742C4.6412 9.52791 4.54544 9.75912 4.54544 10.0002C4.54544 10.2413 4.64126 10.4726 4.81174 10.643L13.9027 19.7337C14.2576 20.0888 14.8333 20.0888 15.1883 19.7337Z" fill="#141516"></path>
                                        </svg>
                                    </a>
                                    <a href="javascript:;" class="sm-btn light arrow-btn btn-next" data-slide="product-slider">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                            <path d="M4.81165 0.266265C4.45668 0.621235 4.45662 1.19687 4.81171 1.5519L13.2598 9.99978L4.81165 18.4481C4.45668 18.8031 4.45662 19.3787 4.81171 19.7337C5.16674 20.0888 5.74232 20.0888 6.09735 19.7337L15.1883 10.6426C15.3587 10.4721 15.4545 10.2409 15.4545 9.99978C15.4545 9.75869 15.3587 9.52742 15.1882 9.35699L6.09729 0.266326C5.74232 -0.088765 5.16668 -0.0887653 4.81165 0.266265Z" fill="#141516"></path>
                                        </svg>
                                    </a>
                                </div>
                                <div class="product-slider">
                                    <div class="product-block">
                                        <div class="image-box mb-16">
                                            <img src="/forword/picture/1.png" alt="">
                                            <div class="sale-label subtitle">-20%</div>
                                            <div class="shopping-btns">
                                                <a href="#" class="" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <i class="fa-regular fa-eye"></i>
                                                </a>

                                                <a href="javascript:;" class="">
                                                    <i class="fa-light fa-heart"></i>
                                                </a>
                                                <a href="" class="zui-wrapper-button" data-bs-toggle="modal" data-bs-target="#comparepopup">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M16.2238 20C16.0216 20 15.8197 19.922 15.6667 19.7665C15.3642 19.4588 15.3683 18.9642 15.676 18.6617L18.3019 16.0796C18.448 15.9333 18.5284 15.7393 18.5284 15.5331C18.5284 15.3275 18.4485 15.1341 18.3033 14.988L15.679 12.435C14.9636 11.6854 16.0002 10.6208 16.7685 11.315L19.397 13.8721C19.3993 13.8743 19.4016 13.8765 19.4038 13.8788C19.8469 14.3206 20.0909 14.9081 20.0909 15.5332C20.0909 16.1582 19.8468 16.7457 19.4038 17.1875C19.4025 17.1887 19.4012 17.19 19.3999 17.1913L16.7715 19.7759C16.6194 19.9254 16.4215 20 16.2238 20ZM16.2238 16.25H4.77844C2.19375 16.25 0.0909424 14.1472 0.0909424 11.5625V9.57032C0.129341 8.53485 1.6154 8.53563 1.65344 9.57032V11.5625C1.65344 13.2856 3.05532 14.6875 4.77844 14.6875H16.2238C17.2592 14.7259 17.2584 16.212 16.2238 16.25ZM19.3097 11.2109C18.8782 11.2109 18.5284 10.8612 18.5284 10.4297V8.43751C18.5284 6.71438 17.1266 5.31251 15.4034 5.31251H3.95813C2.92266 5.27411 2.92344 3.78806 3.95813 3.75001H15.4034C17.9881 3.75001 20.0909 5.85282 20.0909 8.43751V10.4297C20.0909 10.8612 19.7412 11.2109 19.3097 11.2109ZM3.95805 8.90626C3.76172 8.90626 3.5652 8.83274 3.41336 8.68497L0.784849 6.1279C0.782544 6.12567 0.780278 6.12345 0.778052 6.12118C0.334966 5.67942 0.0909424 5.09192 0.0909424 4.46688C0.0909424 3.84184 0.334966 3.25431 0.778052 2.81259C0.779341 2.8113 0.780591 2.81005 0.78188 2.8088L3.4104 0.224188C3.71805 -0.0783121 4.2127 -0.0741715 4.5152 0.233485C4.8177 0.541141 4.81356 1.03579 4.5059 1.33829L1.87997 3.9204C1.58047 4.20829 1.57985 4.72337 1.87856 5.012L4.5029 7.56501C4.81215 7.86587 4.81895 8.36048 4.51809 8.66977C4.36501 8.82716 4.16157 8.90626 3.95805 8.90626Z" fill="#141516"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="content-box">
                                            <p class="eyebrow mb-12">EFX Sports</p>
                                            <a href="product-detail.html" class="product-title h6 fw-500 mb-12">Karbolyn
                                                Fuel</a>

                                            <div class="d-flex align-items-center gap-8 mb-16">
                                                <p class="caption">
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                </p>
                                            </div>
                                            <div class="d-flex align-items-center justify-content-between">
                                                <h5 class="black"><span class="h6 text-decoration-line-through dark-gray">$180.00</span>
                                                    &nbsp; $144.00</h5>
                                                <a href="#" class="sm-btn light" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M18.6356 17.8959C18.1471 14.4776 16.9554 6.13472 16.9554 6.13472C16.9141 5.84569 16.6666 5.63102 16.3746 5.63102H13.8194V3.70419C13.6313 -1.23661 6.54869 -1.23285 6.36241 3.70419V5.63102H3.80728C3.51533 5.63102 3.26784 5.84569 3.22654 6.13472C3.22654 6.13472 2.03482 14.4776 1.5463 17.8959C1.47062 18.4253 1.62823 18.9606 1.97862 19.3644C2.32901 19.7684 2.83657 20 3.37121 20H16.8107C17.3453 20 17.8528 19.7683 18.2033 19.3644C18.5536 18.9606 18.7113 18.4254 18.6356 17.8959ZM7.53575 3.70419C7.66462 0.318209 12.5184 0.320751 12.6461 3.70419V5.63102H7.53575V3.70419ZM17.317 18.5956C17.1896 18.7425 17.005 18.8267 16.8107 18.8267H3.37121C3.17683 18.8267 2.99231 18.7425 2.86489 18.5956C2.73755 18.4488 2.68029 18.2543 2.70779 18.0619C3.12415 15.1487 4.05121 8.65872 4.3161 6.80432H6.36245V8.10277C6.39132 8.88031 7.50716 8.87973 7.53575 8.10277V6.80432H12.6461V8.10277C12.675 8.88031 13.7908 8.87973 13.8194 8.10277V6.80432H15.8658C16.1307 8.65872 17.0578 15.1487 17.4741 18.0619C17.5016 18.2543 17.4443 18.4488 17.317 18.5956Z" class="fill-black"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-block">
                                        <div class="image-box mb-16">
                                            <img src="/forword/picture/2.png" alt="">
                                            <div class="sale-label subtitle">-15%</div>
                                            <div class="shopping-btns">
                                                <a href="#" class="" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <i class="fa-regular fa-eye"></i>
                                                </a>

                                                <a href="javascript:;" class="">
                                                    <i class="fa-light fa-heart"></i>
                                                </a>
                                                <a href="" class="zui-wrapper-button" data-bs-toggle="modal" data-bs-target="#comparepopup">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M16.2238 20C16.0216 20 15.8197 19.922 15.6667 19.7665C15.3642 19.4588 15.3683 18.9642 15.676 18.6617L18.3019 16.0796C18.448 15.9333 18.5284 15.7393 18.5284 15.5331C18.5284 15.3275 18.4485 15.1341 18.3033 14.988L15.679 12.435C14.9636 11.6854 16.0002 10.6208 16.7685 11.315L19.397 13.8721C19.3993 13.8743 19.4016 13.8765 19.4038 13.8788C19.8469 14.3206 20.0909 14.9081 20.0909 15.5332C20.0909 16.1582 19.8468 16.7457 19.4038 17.1875C19.4025 17.1887 19.4012 17.19 19.3999 17.1913L16.7715 19.7759C16.6194 19.9254 16.4215 20 16.2238 20ZM16.2238 16.25H4.77844C2.19375 16.25 0.0909424 14.1472 0.0909424 11.5625V9.57032C0.129341 8.53485 1.6154 8.53563 1.65344 9.57032V11.5625C1.65344 13.2856 3.05532 14.6875 4.77844 14.6875H16.2238C17.2592 14.7259 17.2584 16.212 16.2238 16.25ZM19.3097 11.2109C18.8782 11.2109 18.5284 10.8612 18.5284 10.4297V8.43751C18.5284 6.71438 17.1266 5.31251 15.4034 5.31251H3.95813C2.92266 5.27411 2.92344 3.78806 3.95813 3.75001H15.4034C17.9881 3.75001 20.0909 5.85282 20.0909 8.43751V10.4297C20.0909 10.8612 19.7412 11.2109 19.3097 11.2109ZM3.95805 8.90626C3.76172 8.90626 3.5652 8.83274 3.41336 8.68497L0.784849 6.1279C0.782544 6.12567 0.780278 6.12345 0.778052 6.12118C0.334966 5.67942 0.0909424 5.09192 0.0909424 4.46688C0.0909424 3.84184 0.334966 3.25431 0.778052 2.81259C0.779341 2.8113 0.780591 2.81005 0.78188 2.8088L3.4104 0.224188C3.71805 -0.0783121 4.2127 -0.0741715 4.5152 0.233485C4.8177 0.541141 4.81356 1.03579 4.5059 1.33829L1.87997 3.9204C1.58047 4.20829 1.57985 4.72337 1.87856 5.012L4.5029 7.56501C4.81215 7.86587 4.81895 8.36048 4.51809 8.66977C4.36501 8.82716 4.16157 8.90626 3.95805 8.90626Z" fill="#141516"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="content-box">
                                            <p class="eyebrow mb-12">Olimp</p>
                                            <a href="product-detail.html" class="product-title h6 fw-500 mb-12">BCAA
                                                Xplode Powder</a>

                                            <div class="d-flex align-items-center gap-8 mb-16">
                                                <p class="caption">
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                </p>
                                            </div>
                                            <div class="d-flex align-items-center justify-content-between">
                                                <h5 class="black"><span class="h6 text-decoration-line-through dark-gray">$180.00</span>
                                                    &nbsp; $144.00</h5>
                                                <a href="#" class="sm-btn light" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M18.6356 17.8959C18.1471 14.4776 16.9554 6.13472 16.9554 6.13472C16.9141 5.84569 16.6666 5.63102 16.3746 5.63102H13.8194V3.70419C13.6313 -1.23661 6.54869 -1.23285 6.36241 3.70419V5.63102H3.80728C3.51533 5.63102 3.26784 5.84569 3.22654 6.13472C3.22654 6.13472 2.03482 14.4776 1.5463 17.8959C1.47062 18.4253 1.62823 18.9606 1.97862 19.3644C2.32901 19.7684 2.83657 20 3.37121 20H16.8107C17.3453 20 17.8528 19.7683 18.2033 19.3644C18.5536 18.9606 18.7113 18.4254 18.6356 17.8959ZM7.53575 3.70419C7.66462 0.318209 12.5184 0.320751 12.6461 3.70419V5.63102H7.53575V3.70419ZM17.317 18.5956C17.1896 18.7425 17.005 18.8267 16.8107 18.8267H3.37121C3.17683 18.8267 2.99231 18.7425 2.86489 18.5956C2.73755 18.4488 2.68029 18.2543 2.70779 18.0619C3.12415 15.1487 4.05121 8.65872 4.3161 6.80432H6.36245V8.10277C6.39132 8.88031 7.50716 8.87973 7.53575 8.10277V6.80432H12.6461V8.10277C12.675 8.88031 13.7908 8.87973 13.8194 8.10277V6.80432H15.8658C16.1307 8.65872 17.0578 15.1487 17.4741 18.0619C17.5016 18.2543 17.4443 18.4488 17.317 18.5956Z" class="fill-black"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-block">
                                        <div class="image-box mb-16">
                                            <img src="/forword/picture/3.png" alt="">
                                            <div class="sale-label subtitle">-25%</div>
                                            <div class="shopping-btns">
                                                <a href="#" class="" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <i class="fa-regular fa-eye"></i>
                                                </a>

                                                <a href="javascript:;" class="">
                                                    <i class="fa-light fa-heart"></i>
                                                </a>
                                                <a href="" class="zui-wrapper-button" data-bs-toggle="modal" data-bs-target="#comparepopup">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M16.2238 20C16.0216 20 15.8197 19.922 15.6667 19.7665C15.3642 19.4588 15.3683 18.9642 15.676 18.6617L18.3019 16.0796C18.448 15.9333 18.5284 15.7393 18.5284 15.5331C18.5284 15.3275 18.4485 15.1341 18.3033 14.988L15.679 12.435C14.9636 11.6854 16.0002 10.6208 16.7685 11.315L19.397 13.8721C19.3993 13.8743 19.4016 13.8765 19.4038 13.8788C19.8469 14.3206 20.0909 14.9081 20.0909 15.5332C20.0909 16.1582 19.8468 16.7457 19.4038 17.1875C19.4025 17.1887 19.4012 17.19 19.3999 17.1913L16.7715 19.7759C16.6194 19.9254 16.4215 20 16.2238 20ZM16.2238 16.25H4.77844C2.19375 16.25 0.0909424 14.1472 0.0909424 11.5625V9.57032C0.129341 8.53485 1.6154 8.53563 1.65344 9.57032V11.5625C1.65344 13.2856 3.05532 14.6875 4.77844 14.6875H16.2238C17.2592 14.7259 17.2584 16.212 16.2238 16.25ZM19.3097 11.2109C18.8782 11.2109 18.5284 10.8612 18.5284 10.4297V8.43751C18.5284 6.71438 17.1266 5.31251 15.4034 5.31251H3.95813C2.92266 5.27411 2.92344 3.78806 3.95813 3.75001H15.4034C17.9881 3.75001 20.0909 5.85282 20.0909 8.43751V10.4297C20.0909 10.8612 19.7412 11.2109 19.3097 11.2109ZM3.95805 8.90626C3.76172 8.90626 3.5652 8.83274 3.41336 8.68497L0.784849 6.1279C0.782544 6.12567 0.780278 6.12345 0.778052 6.12118C0.334966 5.67942 0.0909424 5.09192 0.0909424 4.46688C0.0909424 3.84184 0.334966 3.25431 0.778052 2.81259C0.779341 2.8113 0.780591 2.81005 0.78188 2.8088L3.4104 0.224188C3.71805 -0.0783121 4.2127 -0.0741715 4.5152 0.233485C4.8177 0.541141 4.81356 1.03579 4.5059 1.33829L1.87997 3.9204C1.58047 4.20829 1.57985 4.72337 1.87856 5.012L4.5029 7.56501C4.81215 7.86587 4.81895 8.36048 4.51809 8.66977C4.36501 8.82716 4.16157 8.90626 3.95805 8.90626Z" fill="#141516"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="content-box">
                                            <p class="eyebrow mb-12">Olimp</p>
                                            <a href="product-detail.html" class="product-title h6 fw-500 mb-12">Gold
                                                Beef Pro-Tein</a>

                                            <div class="d-flex align-items-center gap-8 mb-16">
                                                <p class="caption">
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                </p>
                                            </div>
                                            <div class="d-flex align-items-center justify-content-between">
                                                <h5 class="black"><span class="h6 text-decoration-line-through dark-gray">$180.00</span>
                                                    &nbsp; $144.00</h5>
                                                <a href="#" class="sm-btn light" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M18.6356 17.8959C18.1471 14.4776 16.9554 6.13472 16.9554 6.13472C16.9141 5.84569 16.6666 5.63102 16.3746 5.63102H13.8194V3.70419C13.6313 -1.23661 6.54869 -1.23285 6.36241 3.70419V5.63102H3.80728C3.51533 5.63102 3.26784 5.84569 3.22654 6.13472C3.22654 6.13472 2.03482 14.4776 1.5463 17.8959C1.47062 18.4253 1.62823 18.9606 1.97862 19.3644C2.32901 19.7684 2.83657 20 3.37121 20H16.8107C17.3453 20 17.8528 19.7683 18.2033 19.3644C18.5536 18.9606 18.7113 18.4254 18.6356 17.8959ZM7.53575 3.70419C7.66462 0.318209 12.5184 0.320751 12.6461 3.70419V5.63102H7.53575V3.70419ZM17.317 18.5956C17.1896 18.7425 17.005 18.8267 16.8107 18.8267H3.37121C3.17683 18.8267 2.99231 18.7425 2.86489 18.5956C2.73755 18.4488 2.68029 18.2543 2.70779 18.0619C3.12415 15.1487 4.05121 8.65872 4.3161 6.80432H6.36245V8.10277C6.39132 8.88031 7.50716 8.87973 7.53575 8.10277V6.80432H12.6461V8.10277C12.675 8.88031 13.7908 8.87973 13.8194 8.10277V6.80432H15.8658C16.1307 8.65872 17.0578 15.1487 17.4741 18.0619C17.5016 18.2543 17.4443 18.4488 17.317 18.5956Z" class="fill-black"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-block">
                                        <div class="image-box mb-16">
                                            <img src="/forword/picture/4.png" alt="">
                                            <div class="sale-label subtitle">-12%</div>
                                            <div class="shopping-btns">
                                                <a href="#" class="" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <i class="fa-regular fa-eye"></i>
                                                </a>

                                                <a href="javascript:;" class="">
                                                    <i class="fa-light fa-heart"></i>
                                                </a>
                                                <a href="" class="zui-wrapper-button" data-bs-toggle="modal" data-bs-target="#comparepopup">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M16.2238 20C16.0216 20 15.8197 19.922 15.6667 19.7665C15.3642 19.4588 15.3683 18.9642 15.676 18.6617L18.3019 16.0796C18.448 15.9333 18.5284 15.7393 18.5284 15.5331C18.5284 15.3275 18.4485 15.1341 18.3033 14.988L15.679 12.435C14.9636 11.6854 16.0002 10.6208 16.7685 11.315L19.397 13.8721C19.3993 13.8743 19.4016 13.8765 19.4038 13.8788C19.8469 14.3206 20.0909 14.9081 20.0909 15.5332C20.0909 16.1582 19.8468 16.7457 19.4038 17.1875C19.4025 17.1887 19.4012 17.19 19.3999 17.1913L16.7715 19.7759C16.6194 19.9254 16.4215 20 16.2238 20ZM16.2238 16.25H4.77844C2.19375 16.25 0.0909424 14.1472 0.0909424 11.5625V9.57032C0.129341 8.53485 1.6154 8.53563 1.65344 9.57032V11.5625C1.65344 13.2856 3.05532 14.6875 4.77844 14.6875H16.2238C17.2592 14.7259 17.2584 16.212 16.2238 16.25ZM19.3097 11.2109C18.8782 11.2109 18.5284 10.8612 18.5284 10.4297V8.43751C18.5284 6.71438 17.1266 5.31251 15.4034 5.31251H3.95813C2.92266 5.27411 2.92344 3.78806 3.95813 3.75001H15.4034C17.9881 3.75001 20.0909 5.85282 20.0909 8.43751V10.4297C20.0909 10.8612 19.7412 11.2109 19.3097 11.2109ZM3.95805 8.90626C3.76172 8.90626 3.5652 8.83274 3.41336 8.68497L0.784849 6.1279C0.782544 6.12567 0.780278 6.12345 0.778052 6.12118C0.334966 5.67942 0.0909424 5.09192 0.0909424 4.46688C0.0909424 3.84184 0.334966 3.25431 0.778052 2.81259C0.779341 2.8113 0.780591 2.81005 0.78188 2.8088L3.4104 0.224188C3.71805 -0.0783121 4.2127 -0.0741715 4.5152 0.233485C4.8177 0.541141 4.81356 1.03579 4.5059 1.33829L1.87997 3.9204C1.58047 4.20829 1.57985 4.72337 1.87856 5.012L4.5029 7.56501C4.81215 7.86587 4.81895 8.36048 4.51809 8.66977C4.36501 8.82716 4.16157 8.90626 3.95805 8.90626Z" fill="#141516"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="content-box">
                                            <p class="eyebrow mb-12">Muscle Max</p>
                                            <a href="product-detail.html" class="product-title h6 fw-500 mb-12">All-Natural Whey Protein</a>

                                            <div class="d-flex align-items-center gap-8 mb-16">
                                                <p class="caption">
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                </p>
                                            </div>
                                            <div class="d-flex align-items-center justify-content-between">
                                                <h5 class="black"><span class="h6 text-decoration-line-through dark-gray">$180.00</span>
                                                    &nbsp; $144.00</h5>
                                                <a href="#" class="sm-btn light" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M18.6356 17.8959C18.1471 14.4776 16.9554 6.13472 16.9554 6.13472C16.9141 5.84569 16.6666 5.63102 16.3746 5.63102H13.8194V3.70419C13.6313 -1.23661 6.54869 -1.23285 6.36241 3.70419V5.63102H3.80728C3.51533 5.63102 3.26784 5.84569 3.22654 6.13472C3.22654 6.13472 2.03482 14.4776 1.5463 17.8959C1.47062 18.4253 1.62823 18.9606 1.97862 19.3644C2.32901 19.7684 2.83657 20 3.37121 20H16.8107C17.3453 20 17.8528 19.7683 18.2033 19.3644C18.5536 18.9606 18.7113 18.4254 18.6356 17.8959ZM7.53575 3.70419C7.66462 0.318209 12.5184 0.320751 12.6461 3.70419V5.63102H7.53575V3.70419ZM17.317 18.5956C17.1896 18.7425 17.005 18.8267 16.8107 18.8267H3.37121C3.17683 18.8267 2.99231 18.7425 2.86489 18.5956C2.73755 18.4488 2.68029 18.2543 2.70779 18.0619C3.12415 15.1487 4.05121 8.65872 4.3161 6.80432H6.36245V8.10277C6.39132 8.88031 7.50716 8.87973 7.53575 8.10277V6.80432H12.6461V8.10277C12.675 8.88031 13.7908 8.87973 13.8194 8.10277V6.80432H15.8658C16.1307 8.65872 17.0578 15.1487 17.4741 18.0619C17.5016 18.2543 17.4443 18.4488 17.317 18.5956Z" class="fill-black"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-block">
                                        <div class="image-box mb-16">
                                            <img src="/forword/picture/1.png" alt="">
                                            <div class="sale-label subtitle">-20%</div>
                                            <div class="shopping-btns">
                                                <a href="#" class="" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <i class="fa-regular fa-eye"></i>
                                                </a>

                                                <a href="javascript:;" class="">
                                                    <i class="fa-light fa-heart"></i>
                                                </a>
                                                <a href="" class="zui-wrapper-button" data-bs-toggle="modal" data-bs-target="#comparepopup">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M16.2238 20C16.0216 20 15.8197 19.922 15.6667 19.7665C15.3642 19.4588 15.3683 18.9642 15.676 18.6617L18.3019 16.0796C18.448 15.9333 18.5284 15.7393 18.5284 15.5331C18.5284 15.3275 18.4485 15.1341 18.3033 14.988L15.679 12.435C14.9636 11.6854 16.0002 10.6208 16.7685 11.315L19.397 13.8721C19.3993 13.8743 19.4016 13.8765 19.4038 13.8788C19.8469 14.3206 20.0909 14.9081 20.0909 15.5332C20.0909 16.1582 19.8468 16.7457 19.4038 17.1875C19.4025 17.1887 19.4012 17.19 19.3999 17.1913L16.7715 19.7759C16.6194 19.9254 16.4215 20 16.2238 20ZM16.2238 16.25H4.77844C2.19375 16.25 0.0909424 14.1472 0.0909424 11.5625V9.57032C0.129341 8.53485 1.6154 8.53563 1.65344 9.57032V11.5625C1.65344 13.2856 3.05532 14.6875 4.77844 14.6875H16.2238C17.2592 14.7259 17.2584 16.212 16.2238 16.25ZM19.3097 11.2109C18.8782 11.2109 18.5284 10.8612 18.5284 10.4297V8.43751C18.5284 6.71438 17.1266 5.31251 15.4034 5.31251H3.95813C2.92266 5.27411 2.92344 3.78806 3.95813 3.75001H15.4034C17.9881 3.75001 20.0909 5.85282 20.0909 8.43751V10.4297C20.0909 10.8612 19.7412 11.2109 19.3097 11.2109ZM3.95805 8.90626C3.76172 8.90626 3.5652 8.83274 3.41336 8.68497L0.784849 6.1279C0.782544 6.12567 0.780278 6.12345 0.778052 6.12118C0.334966 5.67942 0.0909424 5.09192 0.0909424 4.46688C0.0909424 3.84184 0.334966 3.25431 0.778052 2.81259C0.779341 2.8113 0.780591 2.81005 0.78188 2.8088L3.4104 0.224188C3.71805 -0.0783121 4.2127 -0.0741715 4.5152 0.233485C4.8177 0.541141 4.81356 1.03579 4.5059 1.33829L1.87997 3.9204C1.58047 4.20829 1.57985 4.72337 1.87856 5.012L4.5029 7.56501C4.81215 7.86587 4.81895 8.36048 4.51809 8.66977C4.36501 8.82716 4.16157 8.90626 3.95805 8.90626Z" fill="#141516"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="content-box">
                                            <p class="eyebrow mb-12">EFX Sports</p>
                                            <a href="product-detail.html" class="product-title h6 fw-500 mb-12">Karbolyn
                                                Fuel</a>

                                            <div class="d-flex align-items-center gap-8 mb-16">
                                                <p class="caption">
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                </p>
                                            </div>
                                            <div class="d-flex align-items-center justify-content-between">
                                                <h5 class="black"><span class="h6 text-decoration-line-through dark-gray">$180.00</span>
                                                    &nbsp; $144.00</h5>
                                                <a href="#" class="sm-btn light" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M18.6356 17.8959C18.1471 14.4776 16.9554 6.13472 16.9554 6.13472C16.9141 5.84569 16.6666 5.63102 16.3746 5.63102H13.8194V3.70419C13.6313 -1.23661 6.54869 -1.23285 6.36241 3.70419V5.63102H3.80728C3.51533 5.63102 3.26784 5.84569 3.22654 6.13472C3.22654 6.13472 2.03482 14.4776 1.5463 17.8959C1.47062 18.4253 1.62823 18.9606 1.97862 19.3644C2.32901 19.7684 2.83657 20 3.37121 20H16.8107C17.3453 20 17.8528 19.7683 18.2033 19.3644C18.5536 18.9606 18.7113 18.4254 18.6356 17.8959ZM7.53575 3.70419C7.66462 0.318209 12.5184 0.320751 12.6461 3.70419V5.63102H7.53575V3.70419ZM17.317 18.5956C17.1896 18.7425 17.005 18.8267 16.8107 18.8267H3.37121C3.17683 18.8267 2.99231 18.7425 2.86489 18.5956C2.73755 18.4488 2.68029 18.2543 2.70779 18.0619C3.12415 15.1487 4.05121 8.65872 4.3161 6.80432H6.36245V8.10277C6.39132 8.88031 7.50716 8.87973 7.53575 8.10277V6.80432H12.6461V8.10277C12.675 8.88031 13.7908 8.87973 13.8194 8.10277V6.80432H15.8658C16.1307 8.65872 17.0578 15.1487 17.4741 18.0619C17.5016 18.2543 17.4443 18.4488 17.317 18.5956Z" class="fill-black"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-block">
                                        <div class="image-box mb-16">
                                            <img src="/forword/picture/2.png" alt="">
                                            <div class="sale-label subtitle">-15%</div>
                                            <div class="shopping-btns">
                                                <a href="#" class="" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <i class="fa-regular fa-eye"></i>
                                                </a>

                                                <a href="javascript:;" class="">
                                                    <i class="fa-light fa-heart"></i>
                                                </a>
                                                <a href="" class="zui-wrapper-button" data-bs-toggle="modal" data-bs-target="#comparepopup">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M16.2238 20C16.0216 20 15.8197 19.922 15.6667 19.7665C15.3642 19.4588 15.3683 18.9642 15.676 18.6617L18.3019 16.0796C18.448 15.9333 18.5284 15.7393 18.5284 15.5331C18.5284 15.3275 18.4485 15.1341 18.3033 14.988L15.679 12.435C14.9636 11.6854 16.0002 10.6208 16.7685 11.315L19.397 13.8721C19.3993 13.8743 19.4016 13.8765 19.4038 13.8788C19.8469 14.3206 20.0909 14.9081 20.0909 15.5332C20.0909 16.1582 19.8468 16.7457 19.4038 17.1875C19.4025 17.1887 19.4012 17.19 19.3999 17.1913L16.7715 19.7759C16.6194 19.9254 16.4215 20 16.2238 20ZM16.2238 16.25H4.77844C2.19375 16.25 0.0909424 14.1472 0.0909424 11.5625V9.57032C0.129341 8.53485 1.6154 8.53563 1.65344 9.57032V11.5625C1.65344 13.2856 3.05532 14.6875 4.77844 14.6875H16.2238C17.2592 14.7259 17.2584 16.212 16.2238 16.25ZM19.3097 11.2109C18.8782 11.2109 18.5284 10.8612 18.5284 10.4297V8.43751C18.5284 6.71438 17.1266 5.31251 15.4034 5.31251H3.95813C2.92266 5.27411 2.92344 3.78806 3.95813 3.75001H15.4034C17.9881 3.75001 20.0909 5.85282 20.0909 8.43751V10.4297C20.0909 10.8612 19.7412 11.2109 19.3097 11.2109ZM3.95805 8.90626C3.76172 8.90626 3.5652 8.83274 3.41336 8.68497L0.784849 6.1279C0.782544 6.12567 0.780278 6.12345 0.778052 6.12118C0.334966 5.67942 0.0909424 5.09192 0.0909424 4.46688C0.0909424 3.84184 0.334966 3.25431 0.778052 2.81259C0.779341 2.8113 0.780591 2.81005 0.78188 2.8088L3.4104 0.224188C3.71805 -0.0783121 4.2127 -0.0741715 4.5152 0.233485C4.8177 0.541141 4.81356 1.03579 4.5059 1.33829L1.87997 3.9204C1.58047 4.20829 1.57985 4.72337 1.87856 5.012L4.5029 7.56501C4.81215 7.86587 4.81895 8.36048 4.51809 8.66977C4.36501 8.82716 4.16157 8.90626 3.95805 8.90626Z" fill="#141516"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="content-box">
                                            <p class="eyebrow mb-12">Olimp</p>
                                            <a href="product-detail.html" class="product-title h6 fw-500 mb-12">BCAA
                                                Xplode Powder</a>

                                            <div class="d-flex align-items-center gap-8 mb-16">
                                                <p class="caption">
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                </p>
                                            </div>
                                            <div class="d-flex align-items-center justify-content-between">
                                                <h5 class="black"><span class="h6 text-decoration-line-through dark-gray">$180.00</span>
                                                    &nbsp; $144.00</h5>
                                                <a href="#" class="sm-btn light" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M18.6356 17.8959C18.1471 14.4776 16.9554 6.13472 16.9554 6.13472C16.9141 5.84569 16.6666 5.63102 16.3746 5.63102H13.8194V3.70419C13.6313 -1.23661 6.54869 -1.23285 6.36241 3.70419V5.63102H3.80728C3.51533 5.63102 3.26784 5.84569 3.22654 6.13472C3.22654 6.13472 2.03482 14.4776 1.5463 17.8959C1.47062 18.4253 1.62823 18.9606 1.97862 19.3644C2.32901 19.7684 2.83657 20 3.37121 20H16.8107C17.3453 20 17.8528 19.7683 18.2033 19.3644C18.5536 18.9606 18.7113 18.4254 18.6356 17.8959ZM7.53575 3.70419C7.66462 0.318209 12.5184 0.320751 12.6461 3.70419V5.63102H7.53575V3.70419ZM17.317 18.5956C17.1896 18.7425 17.005 18.8267 16.8107 18.8267H3.37121C3.17683 18.8267 2.99231 18.7425 2.86489 18.5956C2.73755 18.4488 2.68029 18.2543 2.70779 18.0619C3.12415 15.1487 4.05121 8.65872 4.3161 6.80432H6.36245V8.10277C6.39132 8.88031 7.50716 8.87973 7.53575 8.10277V6.80432H12.6461V8.10277C12.675 8.88031 13.7908 8.87973 13.8194 8.10277V6.80432H15.8658C16.1307 8.65872 17.0578 15.1487 17.4741 18.0619C17.5016 18.2543 17.4443 18.4488 17.317 18.5956Z" class="fill-black"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="progress" role="progressbar" aria-valuemin="0" aria-valuemax="100">
                                    <span class="slider__label sr-only"></span>
                                </div>
                            </div>
                        </div>
                        <div id="tab-2" class="tab-content">
                            <div class="slider-container">
                                <div class="slider-arrows d-sm-flex d-none">
                                    <a href="javascript:;" class="sm-btn light arrow-btn btn-prev" data-slide="product-slider">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                            <path d="M7.90344 14.3749C7.90344 12.4999 6.15344 9.99988 4.15344 9.99988M4.15344 9.99988C5.29928 9.99988 7.90344 9.37488 7.90344 5.62488M4.15344 9.99988H16.0284" class="stroke-black" stroke-width="1.25"></path>
                                        </svg>
                                    </a>
                                    <a href="javascript:;" class="sm-btn light arrow-btn btn-next" data-slide="product-slider">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                            <path d="M12.0966 14.3749C12.0966 12.4999 13.8466 9.99988 15.8466 9.99988M15.8466 9.99988C14.7007 9.99988 12.0966 9.37488 12.0966 5.62488M15.8466 9.99988H3.97156" class="stroke-black" stroke-width="1.25"></path>
                                        </svg>
                                    </a>
                                </div>
                                <div class="product-slider">
                                    <div class="product-block">
                                        <div class="image-box mb-16">
                                            <img src="/forword/picture/5.png" alt="">
                                            <div class="sale-label subtitle">-12%</div>
                                            <div class="shopping-btns">
                                                <a href="#" class="" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <i class="fa-regular fa-eye"></i>
                                                </a>

                                                <a href="javascript:;" class="">
                                                    <i class="fa-light fa-heart"></i>
                                                </a>
                                                <a href="" class="zui-wrapper-button" data-bs-toggle="modal" data-bs-target="#comparepopup">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M16.2238 20C16.0216 20 15.8197 19.922 15.6667 19.7665C15.3642 19.4588 15.3683 18.9642 15.676 18.6617L18.3019 16.0796C18.448 15.9333 18.5284 15.7393 18.5284 15.5331C18.5284 15.3275 18.4485 15.1341 18.3033 14.988L15.679 12.435C14.9636 11.6854 16.0002 10.6208 16.7685 11.315L19.397 13.8721C19.3993 13.8743 19.4016 13.8765 19.4038 13.8788C19.8469 14.3206 20.0909 14.9081 20.0909 15.5332C20.0909 16.1582 19.8468 16.7457 19.4038 17.1875C19.4025 17.1887 19.4012 17.19 19.3999 17.1913L16.7715 19.7759C16.6194 19.9254 16.4215 20 16.2238 20ZM16.2238 16.25H4.77844C2.19375 16.25 0.0909424 14.1472 0.0909424 11.5625V9.57032C0.129341 8.53485 1.6154 8.53563 1.65344 9.57032V11.5625C1.65344 13.2856 3.05532 14.6875 4.77844 14.6875H16.2238C17.2592 14.7259 17.2584 16.212 16.2238 16.25ZM19.3097 11.2109C18.8782 11.2109 18.5284 10.8612 18.5284 10.4297V8.43751C18.5284 6.71438 17.1266 5.31251 15.4034 5.31251H3.95813C2.92266 5.27411 2.92344 3.78806 3.95813 3.75001H15.4034C17.9881 3.75001 20.0909 5.85282 20.0909 8.43751V10.4297C20.0909 10.8612 19.7412 11.2109 19.3097 11.2109ZM3.95805 8.90626C3.76172 8.90626 3.5652 8.83274 3.41336 8.68497L0.784849 6.1279C0.782544 6.12567 0.780278 6.12345 0.778052 6.12118C0.334966 5.67942 0.0909424 5.09192 0.0909424 4.46688C0.0909424 3.84184 0.334966 3.25431 0.778052 2.81259C0.779341 2.8113 0.780591 2.81005 0.78188 2.8088L3.4104 0.224188C3.71805 -0.0783121 4.2127 -0.0741715 4.5152 0.233485C4.8177 0.541141 4.81356 1.03579 4.5059 1.33829L1.87997 3.9204C1.58047 4.20829 1.57985 4.72337 1.87856 5.012L4.5029 7.56501C4.81215 7.86587 4.81895 8.36048 4.51809 8.66977C4.36501 8.82716 4.16157 8.90626 3.95805 8.90626Z" fill="#141516"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="content-box">
                                            <p class="eyebrow mb-12">Muscle Max</p>
                                            <a href="product-detail.html" class="product-title h6 fw-500 mb-12">All-Natural Whey Protein</a>

                                            <div class="d-flex align-items-center gap-8 mb-16">
                                                <p class="caption">
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                </p>
                                            </div>
                                            <div class="d-flex align-items-center justify-content-between">
                                                <h5 class="black"><span class="h6 text-decoration-line-through dark-gray">$180.00</span>
                                                    &nbsp; $144.00</h5>
                                                <a href="#" class="sm-btn light" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M18.6356 17.8959C18.1471 14.4776 16.9554 6.13472 16.9554 6.13472C16.9141 5.84569 16.6666 5.63102 16.3746 5.63102H13.8194V3.70419C13.6313 -1.23661 6.54869 -1.23285 6.36241 3.70419V5.63102H3.80728C3.51533 5.63102 3.26784 5.84569 3.22654 6.13472C3.22654 6.13472 2.03482 14.4776 1.5463 17.8959C1.47062 18.4253 1.62823 18.9606 1.97862 19.3644C2.32901 19.7684 2.83657 20 3.37121 20H16.8107C17.3453 20 17.8528 19.7683 18.2033 19.3644C18.5536 18.9606 18.7113 18.4254 18.6356 17.8959ZM7.53575 3.70419C7.66462 0.318209 12.5184 0.320751 12.6461 3.70419V5.63102H7.53575V3.70419ZM17.317 18.5956C17.1896 18.7425 17.005 18.8267 16.8107 18.8267H3.37121C3.17683 18.8267 2.99231 18.7425 2.86489 18.5956C2.73755 18.4488 2.68029 18.2543 2.70779 18.0619C3.12415 15.1487 4.05121 8.65872 4.3161 6.80432H6.36245V8.10277C6.39132 8.88031 7.50716 8.87973 7.53575 8.10277V6.80432H12.6461V8.10277C12.675 8.88031 13.7908 8.87973 13.8194 8.10277V6.80432H15.8658C16.1307 8.65872 17.0578 15.1487 17.4741 18.0619C17.5016 18.2543 17.4443 18.4488 17.317 18.5956Z" class="fill-black"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-block">
                                        <div class="image-box mb-16">
                                            <img src="/forword/picture/6.png" alt="">
                                            <div class="sale-label subtitle">-12%</div>
                                            <div class="shopping-btns">
                                                <a href="#" class="" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <i class="fa-regular fa-eye"></i>
                                                </a>

                                                <a href="javascript:;" class="">
                                                    <i class="fa-light fa-heart"></i>
                                                </a>
                                                <a href="" class="zui-wrapper-button" data-bs-toggle="modal" data-bs-target="#comparepopup">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M16.2238 20C16.0216 20 15.8197 19.922 15.6667 19.7665C15.3642 19.4588 15.3683 18.9642 15.676 18.6617L18.3019 16.0796C18.448 15.9333 18.5284 15.7393 18.5284 15.5331C18.5284 15.3275 18.4485 15.1341 18.3033 14.988L15.679 12.435C14.9636 11.6854 16.0002 10.6208 16.7685 11.315L19.397 13.8721C19.3993 13.8743 19.4016 13.8765 19.4038 13.8788C19.8469 14.3206 20.0909 14.9081 20.0909 15.5332C20.0909 16.1582 19.8468 16.7457 19.4038 17.1875C19.4025 17.1887 19.4012 17.19 19.3999 17.1913L16.7715 19.7759C16.6194 19.9254 16.4215 20 16.2238 20ZM16.2238 16.25H4.77844C2.19375 16.25 0.0909424 14.1472 0.0909424 11.5625V9.57032C0.129341 8.53485 1.6154 8.53563 1.65344 9.57032V11.5625C1.65344 13.2856 3.05532 14.6875 4.77844 14.6875H16.2238C17.2592 14.7259 17.2584 16.212 16.2238 16.25ZM19.3097 11.2109C18.8782 11.2109 18.5284 10.8612 18.5284 10.4297V8.43751C18.5284 6.71438 17.1266 5.31251 15.4034 5.31251H3.95813C2.92266 5.27411 2.92344 3.78806 3.95813 3.75001H15.4034C17.9881 3.75001 20.0909 5.85282 20.0909 8.43751V10.4297C20.0909 10.8612 19.7412 11.2109 19.3097 11.2109ZM3.95805 8.90626C3.76172 8.90626 3.5652 8.83274 3.41336 8.68497L0.784849 6.1279C0.782544 6.12567 0.780278 6.12345 0.778052 6.12118C0.334966 5.67942 0.0909424 5.09192 0.0909424 4.46688C0.0909424 3.84184 0.334966 3.25431 0.778052 2.81259C0.779341 2.8113 0.780591 2.81005 0.78188 2.8088L3.4104 0.224188C3.71805 -0.0783121 4.2127 -0.0741715 4.5152 0.233485C4.8177 0.541141 4.81356 1.03579 4.5059 1.33829L1.87997 3.9204C1.58047 4.20829 1.57985 4.72337 1.87856 5.012L4.5029 7.56501C4.81215 7.86587 4.81895 8.36048 4.51809 8.66977C4.36501 8.82716 4.16157 8.90626 3.95805 8.90626Z" fill="#141516"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="content-box">
                                            <p class="eyebrow mb-12">Muscle Max</p>
                                            <a href="product-detail.html" class="product-title h6 fw-500 mb-12">All-Natural Whey Protein</a>

                                            <div class="d-flex align-items-center gap-8 mb-16">
                                                <p class="caption">
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                </p>
                                            </div>
                                            <div class="d-flex align-items-center justify-content-between">
                                                <h5 class="black"><span class="h6 text-decoration-line-through dark-gray">$180.00</span>
                                                    &nbsp; $144.00</h5>
                                                <a href="#" class="sm-btn light" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M18.6356 17.8959C18.1471 14.4776 16.9554 6.13472 16.9554 6.13472C16.9141 5.84569 16.6666 5.63102 16.3746 5.63102H13.8194V3.70419C13.6313 -1.23661 6.54869 -1.23285 6.36241 3.70419V5.63102H3.80728C3.51533 5.63102 3.26784 5.84569 3.22654 6.13472C3.22654 6.13472 2.03482 14.4776 1.5463 17.8959C1.47062 18.4253 1.62823 18.9606 1.97862 19.3644C2.32901 19.7684 2.83657 20 3.37121 20H16.8107C17.3453 20 17.8528 19.7683 18.2033 19.3644C18.5536 18.9606 18.7113 18.4254 18.6356 17.8959ZM7.53575 3.70419C7.66462 0.318209 12.5184 0.320751 12.6461 3.70419V5.63102H7.53575V3.70419ZM17.317 18.5956C17.1896 18.7425 17.005 18.8267 16.8107 18.8267H3.37121C3.17683 18.8267 2.99231 18.7425 2.86489 18.5956C2.73755 18.4488 2.68029 18.2543 2.70779 18.0619C3.12415 15.1487 4.05121 8.65872 4.3161 6.80432H6.36245V8.10277C6.39132 8.88031 7.50716 8.87973 7.53575 8.10277V6.80432H12.6461V8.10277C12.675 8.88031 13.7908 8.87973 13.8194 8.10277V6.80432H15.8658C16.1307 8.65872 17.0578 15.1487 17.4741 18.0619C17.5016 18.2543 17.4443 18.4488 17.317 18.5956Z" class="fill-black"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-block">
                                        <div class="image-box mb-16">
                                            <img src="/forword/picture/7.png" alt="">
                                            <div class="sale-label subtitle">-12%</div>
                                            <div class="shopping-btns">
                                                <a href="#" class="" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <i class="fa-regular fa-eye"></i>
                                                </a>

                                                <a href="javascript:;" class="">
                                                    <i class="fa-light fa-heart"></i>
                                                </a>
                                                <a href="" class="zui-wrapper-button" data-bs-toggle="modal" data-bs-target="#comparepopup">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M16.2238 20C16.0216 20 15.8197 19.922 15.6667 19.7665C15.3642 19.4588 15.3683 18.9642 15.676 18.6617L18.3019 16.0796C18.448 15.9333 18.5284 15.7393 18.5284 15.5331C18.5284 15.3275 18.4485 15.1341 18.3033 14.988L15.679 12.435C14.9636 11.6854 16.0002 10.6208 16.7685 11.315L19.397 13.8721C19.3993 13.8743 19.4016 13.8765 19.4038 13.8788C19.8469 14.3206 20.0909 14.9081 20.0909 15.5332C20.0909 16.1582 19.8468 16.7457 19.4038 17.1875C19.4025 17.1887 19.4012 17.19 19.3999 17.1913L16.7715 19.7759C16.6194 19.9254 16.4215 20 16.2238 20ZM16.2238 16.25H4.77844C2.19375 16.25 0.0909424 14.1472 0.0909424 11.5625V9.57032C0.129341 8.53485 1.6154 8.53563 1.65344 9.57032V11.5625C1.65344 13.2856 3.05532 14.6875 4.77844 14.6875H16.2238C17.2592 14.7259 17.2584 16.212 16.2238 16.25ZM19.3097 11.2109C18.8782 11.2109 18.5284 10.8612 18.5284 10.4297V8.43751C18.5284 6.71438 17.1266 5.31251 15.4034 5.31251H3.95813C2.92266 5.27411 2.92344 3.78806 3.95813 3.75001H15.4034C17.9881 3.75001 20.0909 5.85282 20.0909 8.43751V10.4297C20.0909 10.8612 19.7412 11.2109 19.3097 11.2109ZM3.95805 8.90626C3.76172 8.90626 3.5652 8.83274 3.41336 8.68497L0.784849 6.1279C0.782544 6.12567 0.780278 6.12345 0.778052 6.12118C0.334966 5.67942 0.0909424 5.09192 0.0909424 4.46688C0.0909424 3.84184 0.334966 3.25431 0.778052 2.81259C0.779341 2.8113 0.780591 2.81005 0.78188 2.8088L3.4104 0.224188C3.71805 -0.0783121 4.2127 -0.0741715 4.5152 0.233485C4.8177 0.541141 4.81356 1.03579 4.5059 1.33829L1.87997 3.9204C1.58047 4.20829 1.57985 4.72337 1.87856 5.012L4.5029 7.56501C4.81215 7.86587 4.81895 8.36048 4.51809 8.66977C4.36501 8.82716 4.16157 8.90626 3.95805 8.90626Z" fill="#141516"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="content-box">
                                            <p class="eyebrow mb-12">Muscle Max</p>
                                            <a href="product-detail.html" class="product-title h6 fw-500 mb-12">All-Natural Whey Protein</a>

                                            <div class="d-flex align-items-center gap-8 mb-16">
                                                <p class="caption">
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                </p>
                                            </div>
                                            <div class="d-flex align-items-center justify-content-between">
                                                <h5 class="black"><span class="h6 text-decoration-line-through dark-gray">$180.00</span>
                                                    &nbsp; $144.00</h5>
                                                <a href="#" class="sm-btn light" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M18.6356 17.8959C18.1471 14.4776 16.9554 6.13472 16.9554 6.13472C16.9141 5.84569 16.6666 5.63102 16.3746 5.63102H13.8194V3.70419C13.6313 -1.23661 6.54869 -1.23285 6.36241 3.70419V5.63102H3.80728C3.51533 5.63102 3.26784 5.84569 3.22654 6.13472C3.22654 6.13472 2.03482 14.4776 1.5463 17.8959C1.47062 18.4253 1.62823 18.9606 1.97862 19.3644C2.32901 19.7684 2.83657 20 3.37121 20H16.8107C17.3453 20 17.8528 19.7683 18.2033 19.3644C18.5536 18.9606 18.7113 18.4254 18.6356 17.8959ZM7.53575 3.70419C7.66462 0.318209 12.5184 0.320751 12.6461 3.70419V5.63102H7.53575V3.70419ZM17.317 18.5956C17.1896 18.7425 17.005 18.8267 16.8107 18.8267H3.37121C3.17683 18.8267 2.99231 18.7425 2.86489 18.5956C2.73755 18.4488 2.68029 18.2543 2.70779 18.0619C3.12415 15.1487 4.05121 8.65872 4.3161 6.80432H6.36245V8.10277C6.39132 8.88031 7.50716 8.87973 7.53575 8.10277V6.80432H12.6461V8.10277C12.675 8.88031 13.7908 8.87973 13.8194 8.10277V6.80432H15.8658C16.1307 8.65872 17.0578 15.1487 17.4741 18.0619C17.5016 18.2543 17.4443 18.4488 17.317 18.5956Z" class="fill-black"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-block">
                                        <div class="image-box mb-16">
                                            <img src="/forword/picture/8.png" alt="">
                                            <div class="sale-label subtitle">-12%</div>
                                            <div class="shopping-btns">
                                                <a href="#" class="" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <i class="fa-regular fa-eye"></i>
                                                </a>

                                                <a href="javascript:;" class="">
                                                    <i class="fa-light fa-heart"></i>
                                                </a>
                                                <a href="" class="zui-wrapper-button" data-bs-toggle="modal" data-bs-target="#comparepopup">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M16.2238 20C16.0216 20 15.8197 19.922 15.6667 19.7665C15.3642 19.4588 15.3683 18.9642 15.676 18.6617L18.3019 16.0796C18.448 15.9333 18.5284 15.7393 18.5284 15.5331C18.5284 15.3275 18.4485 15.1341 18.3033 14.988L15.679 12.435C14.9636 11.6854 16.0002 10.6208 16.7685 11.315L19.397 13.8721C19.3993 13.8743 19.4016 13.8765 19.4038 13.8788C19.8469 14.3206 20.0909 14.9081 20.0909 15.5332C20.0909 16.1582 19.8468 16.7457 19.4038 17.1875C19.4025 17.1887 19.4012 17.19 19.3999 17.1913L16.7715 19.7759C16.6194 19.9254 16.4215 20 16.2238 20ZM16.2238 16.25H4.77844C2.19375 16.25 0.0909424 14.1472 0.0909424 11.5625V9.57032C0.129341 8.53485 1.6154 8.53563 1.65344 9.57032V11.5625C1.65344 13.2856 3.05532 14.6875 4.77844 14.6875H16.2238C17.2592 14.7259 17.2584 16.212 16.2238 16.25ZM19.3097 11.2109C18.8782 11.2109 18.5284 10.8612 18.5284 10.4297V8.43751C18.5284 6.71438 17.1266 5.31251 15.4034 5.31251H3.95813C2.92266 5.27411 2.92344 3.78806 3.95813 3.75001H15.4034C17.9881 3.75001 20.0909 5.85282 20.0909 8.43751V10.4297C20.0909 10.8612 19.7412 11.2109 19.3097 11.2109ZM3.95805 8.90626C3.76172 8.90626 3.5652 8.83274 3.41336 8.68497L0.784849 6.1279C0.782544 6.12567 0.780278 6.12345 0.778052 6.12118C0.334966 5.67942 0.0909424 5.09192 0.0909424 4.46688C0.0909424 3.84184 0.334966 3.25431 0.778052 2.81259C0.779341 2.8113 0.780591 2.81005 0.78188 2.8088L3.4104 0.224188C3.71805 -0.0783121 4.2127 -0.0741715 4.5152 0.233485C4.8177 0.541141 4.81356 1.03579 4.5059 1.33829L1.87997 3.9204C1.58047 4.20829 1.57985 4.72337 1.87856 5.012L4.5029 7.56501C4.81215 7.86587 4.81895 8.36048 4.51809 8.66977C4.36501 8.82716 4.16157 8.90626 3.95805 8.90626Z" fill="#141516"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="content-box">
                                            <p class="eyebrow mb-12">Muscle Max</p>
                                            <a href="product-detail.html" class="product-title h6 fw-500 mb-12">All-Natural Whey Protein</a>

                                            <div class="d-flex align-items-center gap-8 mb-16">
                                                <p class="caption">
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                </p>
                                            </div>
                                            <div class="d-flex align-items-center justify-content-between">
                                                <h5 class="black"><span class="h6 text-decoration-line-through dark-gray">$180.00</span>
                                                    &nbsp; $144.00</h5>
                                                <a href="#" class="sm-btn light" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M18.6356 17.8959C18.1471 14.4776 16.9554 6.13472 16.9554 6.13472C16.9141 5.84569 16.6666 5.63102 16.3746 5.63102H13.8194V3.70419C13.6313 -1.23661 6.54869 -1.23285 6.36241 3.70419V5.63102H3.80728C3.51533 5.63102 3.26784 5.84569 3.22654 6.13472C3.22654 6.13472 2.03482 14.4776 1.5463 17.8959C1.47062 18.4253 1.62823 18.9606 1.97862 19.3644C2.32901 19.7684 2.83657 20 3.37121 20H16.8107C17.3453 20 17.8528 19.7683 18.2033 19.3644C18.5536 18.9606 18.7113 18.4254 18.6356 17.8959ZM7.53575 3.70419C7.66462 0.318209 12.5184 0.320751 12.6461 3.70419V5.63102H7.53575V3.70419ZM17.317 18.5956C17.1896 18.7425 17.005 18.8267 16.8107 18.8267H3.37121C3.17683 18.8267 2.99231 18.7425 2.86489 18.5956C2.73755 18.4488 2.68029 18.2543 2.70779 18.0619C3.12415 15.1487 4.05121 8.65872 4.3161 6.80432H6.36245V8.10277C6.39132 8.88031 7.50716 8.87973 7.53575 8.10277V6.80432H12.6461V8.10277C12.675 8.88031 13.7908 8.87973 13.8194 8.10277V6.80432H15.8658C16.1307 8.65872 17.0578 15.1487 17.4741 18.0619C17.5016 18.2543 17.4443 18.4488 17.317 18.5956Z" class="fill-black"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-block">
                                        <div class="image-box mb-16">
                                            <img src="/forword/picture/6.png" alt="">
                                            <div class="sale-label subtitle">-12%</div>
                                            <div class="shopping-btns">
                                                <a href="#" class="" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <i class="fa-regular fa-eye"></i>
                                                </a>

                                                <a href="javascript:;" class="">
                                                    <i class="fa-light fa-heart"></i>
                                                </a>
                                                <a href="" class="zui-wrapper-button" data-bs-toggle="modal" data-bs-target="#comparepopup">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M16.2238 20C16.0216 20 15.8197 19.922 15.6667 19.7665C15.3642 19.4588 15.3683 18.9642 15.676 18.6617L18.3019 16.0796C18.448 15.9333 18.5284 15.7393 18.5284 15.5331C18.5284 15.3275 18.4485 15.1341 18.3033 14.988L15.679 12.435C14.9636 11.6854 16.0002 10.6208 16.7685 11.315L19.397 13.8721C19.3993 13.8743 19.4016 13.8765 19.4038 13.8788C19.8469 14.3206 20.0909 14.9081 20.0909 15.5332C20.0909 16.1582 19.8468 16.7457 19.4038 17.1875C19.4025 17.1887 19.4012 17.19 19.3999 17.1913L16.7715 19.7759C16.6194 19.9254 16.4215 20 16.2238 20ZM16.2238 16.25H4.77844C2.19375 16.25 0.0909424 14.1472 0.0909424 11.5625V9.57032C0.129341 8.53485 1.6154 8.53563 1.65344 9.57032V11.5625C1.65344 13.2856 3.05532 14.6875 4.77844 14.6875H16.2238C17.2592 14.7259 17.2584 16.212 16.2238 16.25ZM19.3097 11.2109C18.8782 11.2109 18.5284 10.8612 18.5284 10.4297V8.43751C18.5284 6.71438 17.1266 5.31251 15.4034 5.31251H3.95813C2.92266 5.27411 2.92344 3.78806 3.95813 3.75001H15.4034C17.9881 3.75001 20.0909 5.85282 20.0909 8.43751V10.4297C20.0909 10.8612 19.7412 11.2109 19.3097 11.2109ZM3.95805 8.90626C3.76172 8.90626 3.5652 8.83274 3.41336 8.68497L0.784849 6.1279C0.782544 6.12567 0.780278 6.12345 0.778052 6.12118C0.334966 5.67942 0.0909424 5.09192 0.0909424 4.46688C0.0909424 3.84184 0.334966 3.25431 0.778052 2.81259C0.779341 2.8113 0.780591 2.81005 0.78188 2.8088L3.4104 0.224188C3.71805 -0.0783121 4.2127 -0.0741715 4.5152 0.233485C4.8177 0.541141 4.81356 1.03579 4.5059 1.33829L1.87997 3.9204C1.58047 4.20829 1.57985 4.72337 1.87856 5.012L4.5029 7.56501C4.81215 7.86587 4.81895 8.36048 4.51809 8.66977C4.36501 8.82716 4.16157 8.90626 3.95805 8.90626Z" fill="#141516"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="content-box">
                                            <p class="eyebrow mb-12">Muscle Max</p>
                                            <a href="product-detail.html" class="product-title h6 fw-500 mb-12">All-Natural Whey Protein</a>

                                            <div class="d-flex align-items-center gap-8 mb-16">
                                                <p class="caption">
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                </p>
                                            </div>
                                            <div class="d-flex align-items-center justify-content-between">
                                                <h5 class="black"><span class="h6 text-decoration-line-through dark-gray">$180.00</span>
                                                    &nbsp; $144.00</h5>
                                                <a href="#" class="sm-btn light" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M18.6356 17.8959C18.1471 14.4776 16.9554 6.13472 16.9554 6.13472C16.9141 5.84569 16.6666 5.63102 16.3746 5.63102H13.8194V3.70419C13.6313 -1.23661 6.54869 -1.23285 6.36241 3.70419V5.63102H3.80728C3.51533 5.63102 3.26784 5.84569 3.22654 6.13472C3.22654 6.13472 2.03482 14.4776 1.5463 17.8959C1.47062 18.4253 1.62823 18.9606 1.97862 19.3644C2.32901 19.7684 2.83657 20 3.37121 20H16.8107C17.3453 20 17.8528 19.7683 18.2033 19.3644C18.5536 18.9606 18.7113 18.4254 18.6356 17.8959ZM7.53575 3.70419C7.66462 0.318209 12.5184 0.320751 12.6461 3.70419V5.63102H7.53575V3.70419ZM17.317 18.5956C17.1896 18.7425 17.005 18.8267 16.8107 18.8267H3.37121C3.17683 18.8267 2.99231 18.7425 2.86489 18.5956C2.73755 18.4488 2.68029 18.2543 2.70779 18.0619C3.12415 15.1487 4.05121 8.65872 4.3161 6.80432H6.36245V8.10277C6.39132 8.88031 7.50716 8.87973 7.53575 8.10277V6.80432H12.6461V8.10277C12.675 8.88031 13.7908 8.87973 13.8194 8.10277V6.80432H15.8658C16.1307 8.65872 17.0578 15.1487 17.4741 18.0619C17.5016 18.2543 17.4443 18.4488 17.317 18.5956Z" class="fill-black"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-block">
                                        <div class="image-box mb-16">
                                            <img src="/forword/picture/7.png" alt="">
                                            <div class="sale-label subtitle">-12%</div>
                                            <div class="shopping-btns">
                                                <a href="#" class="" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <i class="fa-regular fa-eye"></i>
                                                </a>

                                                <a href="javascript:;" class="">
                                                    <i class="fa-light fa-heart"></i>
                                                </a>
                                                <a href="" class="zui-wrapper-button" data-bs-toggle="modal" data-bs-target="#comparepopup">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M16.2238 20C16.0216 20 15.8197 19.922 15.6667 19.7665C15.3642 19.4588 15.3683 18.9642 15.676 18.6617L18.3019 16.0796C18.448 15.9333 18.5284 15.7393 18.5284 15.5331C18.5284 15.3275 18.4485 15.1341 18.3033 14.988L15.679 12.435C14.9636 11.6854 16.0002 10.6208 16.7685 11.315L19.397 13.8721C19.3993 13.8743 19.4016 13.8765 19.4038 13.8788C19.8469 14.3206 20.0909 14.9081 20.0909 15.5332C20.0909 16.1582 19.8468 16.7457 19.4038 17.1875C19.4025 17.1887 19.4012 17.19 19.3999 17.1913L16.7715 19.7759C16.6194 19.9254 16.4215 20 16.2238 20ZM16.2238 16.25H4.77844C2.19375 16.25 0.0909424 14.1472 0.0909424 11.5625V9.57032C0.129341 8.53485 1.6154 8.53563 1.65344 9.57032V11.5625C1.65344 13.2856 3.05532 14.6875 4.77844 14.6875H16.2238C17.2592 14.7259 17.2584 16.212 16.2238 16.25ZM19.3097 11.2109C18.8782 11.2109 18.5284 10.8612 18.5284 10.4297V8.43751C18.5284 6.71438 17.1266 5.31251 15.4034 5.31251H3.95813C2.92266 5.27411 2.92344 3.78806 3.95813 3.75001H15.4034C17.9881 3.75001 20.0909 5.85282 20.0909 8.43751V10.4297C20.0909 10.8612 19.7412 11.2109 19.3097 11.2109ZM3.95805 8.90626C3.76172 8.90626 3.5652 8.83274 3.41336 8.68497L0.784849 6.1279C0.782544 6.12567 0.780278 6.12345 0.778052 6.12118C0.334966 5.67942 0.0909424 5.09192 0.0909424 4.46688C0.0909424 3.84184 0.334966 3.25431 0.778052 2.81259C0.779341 2.8113 0.780591 2.81005 0.78188 2.8088L3.4104 0.224188C3.71805 -0.0783121 4.2127 -0.0741715 4.5152 0.233485C4.8177 0.541141 4.81356 1.03579 4.5059 1.33829L1.87997 3.9204C1.58047 4.20829 1.57985 4.72337 1.87856 5.012L4.5029 7.56501C4.81215 7.86587 4.81895 8.36048 4.51809 8.66977C4.36501 8.82716 4.16157 8.90626 3.95805 8.90626Z" fill="#141516"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="content-box">
                                            <p class="eyebrow mb-12">Muscle Max</p>
                                            <a href="product-detail.html" class="product-title h6 fw-500 mb-12">All-Natural Whey Protein</a>

                                            <div class="d-flex align-items-center gap-8 mb-16">
                                                <p class="caption">
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                </p>
                                            </div>
                                            <div class="d-flex align-items-center justify-content-between">
                                                <h5 class="black"><span class="h6 text-decoration-line-through dark-gray">$180.00</span>
                                                    &nbsp; $144.00</h5>
                                                <a href="#" class="sm-btn light" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M18.6356 17.8959C18.1471 14.4776 16.9554 6.13472 16.9554 6.13472C16.9141 5.84569 16.6666 5.63102 16.3746 5.63102H13.8194V3.70419C13.6313 -1.23661 6.54869 -1.23285 6.36241 3.70419V5.63102H3.80728C3.51533 5.63102 3.26784 5.84569 3.22654 6.13472C3.22654 6.13472 2.03482 14.4776 1.5463 17.8959C1.47062 18.4253 1.62823 18.9606 1.97862 19.3644C2.32901 19.7684 2.83657 20 3.37121 20H16.8107C17.3453 20 17.8528 19.7683 18.2033 19.3644C18.5536 18.9606 18.7113 18.4254 18.6356 17.8959ZM7.53575 3.70419C7.66462 0.318209 12.5184 0.320751 12.6461 3.70419V5.63102H7.53575V3.70419ZM17.317 18.5956C17.1896 18.7425 17.005 18.8267 16.8107 18.8267H3.37121C3.17683 18.8267 2.99231 18.7425 2.86489 18.5956C2.73755 18.4488 2.68029 18.2543 2.70779 18.0619C3.12415 15.1487 4.05121 8.65872 4.3161 6.80432H6.36245V8.10277C6.39132 8.88031 7.50716 8.87973 7.53575 8.10277V6.80432H12.6461V8.10277C12.675 8.88031 13.7908 8.87973 13.8194 8.10277V6.80432H15.8658C16.1307 8.65872 17.0578 15.1487 17.4741 18.0619C17.5016 18.2543 17.4443 18.4488 17.317 18.5956Z" class="fill-black"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="progress" role="progressbar" aria-valuemin="0" aria-valuemax="100">
                                    <span class="slider__label sr-only"></span>
                                </div>
                            </div>
                        </div>
                        <div id="tab-3" class="tab-content">
                            <div class="slider-container">
                                <div class="slider-arrows d-sm-flex d-none">
                                    <a href="javascript:;" class="sm-btn light arrow-btn btn-prev" data-slide="product-slider">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                            <path d="M7.90344 14.3749C7.90344 12.4999 6.15344 9.99988 4.15344 9.99988M4.15344 9.99988C5.29928 9.99988 7.90344 9.37488 7.90344 5.62488M4.15344 9.99988H16.0284" class="stroke-black" stroke-width="1.25"></path>
                                        </svg>
                                    </a>
                                    <a href="javascript:;" class="sm-btn light arrow-btn btn-next" data-slide="product-slider">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                            <path d="M12.0966 14.3749C12.0966 12.4999 13.8466 9.99988 15.8466 9.99988M15.8466 9.99988C14.7007 9.99988 12.0966 9.37488 12.0966 5.62488M15.8466 9.99988H3.97156" class="stroke-black" stroke-width="1.25"></path>
                                        </svg>
                                    </a>
                                </div>
                                <div class="product-slider">
                                    <div class="product-block">
                                        <div class="image-box mb-16">
                                            <img src="/forword/picture/9.png" alt="">
                                            <div class="sale-label subtitle">-12%</div>
                                            <div class="shopping-btns">
                                                <a href="#" class="" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <i class="fa-regular fa-eye"></i>
                                                </a>

                                                <a href="javascript:;" class="">
                                                    <i class="fa-light fa-heart"></i>
                                                </a>
                                                <a href="" class="zui-wrapper-button" data-bs-toggle="modal" data-bs-target="#comparepopup">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M16.2238 20C16.0216 20 15.8197 19.922 15.6667 19.7665C15.3642 19.4588 15.3683 18.9642 15.676 18.6617L18.3019 16.0796C18.448 15.9333 18.5284 15.7393 18.5284 15.5331C18.5284 15.3275 18.4485 15.1341 18.3033 14.988L15.679 12.435C14.9636 11.6854 16.0002 10.6208 16.7685 11.315L19.397 13.8721C19.3993 13.8743 19.4016 13.8765 19.4038 13.8788C19.8469 14.3206 20.0909 14.9081 20.0909 15.5332C20.0909 16.1582 19.8468 16.7457 19.4038 17.1875C19.4025 17.1887 19.4012 17.19 19.3999 17.1913L16.7715 19.7759C16.6194 19.9254 16.4215 20 16.2238 20ZM16.2238 16.25H4.77844C2.19375 16.25 0.0909424 14.1472 0.0909424 11.5625V9.57032C0.129341 8.53485 1.6154 8.53563 1.65344 9.57032V11.5625C1.65344 13.2856 3.05532 14.6875 4.77844 14.6875H16.2238C17.2592 14.7259 17.2584 16.212 16.2238 16.25ZM19.3097 11.2109C18.8782 11.2109 18.5284 10.8612 18.5284 10.4297V8.43751C18.5284 6.71438 17.1266 5.31251 15.4034 5.31251H3.95813C2.92266 5.27411 2.92344 3.78806 3.95813 3.75001H15.4034C17.9881 3.75001 20.0909 5.85282 20.0909 8.43751V10.4297C20.0909 10.8612 19.7412 11.2109 19.3097 11.2109ZM3.95805 8.90626C3.76172 8.90626 3.5652 8.83274 3.41336 8.68497L0.784849 6.1279C0.782544 6.12567 0.780278 6.12345 0.778052 6.12118C0.334966 5.67942 0.0909424 5.09192 0.0909424 4.46688C0.0909424 3.84184 0.334966 3.25431 0.778052 2.81259C0.779341 2.8113 0.780591 2.81005 0.78188 2.8088L3.4104 0.224188C3.71805 -0.0783121 4.2127 -0.0741715 4.5152 0.233485C4.8177 0.541141 4.81356 1.03579 4.5059 1.33829L1.87997 3.9204C1.58047 4.20829 1.57985 4.72337 1.87856 5.012L4.5029 7.56501C4.81215 7.86587 4.81895 8.36048 4.51809 8.66977C4.36501 8.82716 4.16157 8.90626 3.95805 8.90626Z" fill="#141516"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="content-box">
                                            <p class="eyebrow mb-12">Muscle Max</p>
                                            <a href="product-detail.html" class="product-title h6 fw-500 mb-12">All-Natural Whey Protein</a>

                                            <div class="d-flex align-items-center gap-8 mb-16">
                                                <p class="caption">
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                </p>
                                            </div>
                                            <div class="d-flex align-items-center justify-content-between">
                                                <h5 class="black"><span class="h6 text-decoration-line-through dark-gray">$180.00</span>
                                                    &nbsp; $144.00</h5>
                                                <a href="#" class="sm-btn light" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M18.6356 17.8959C18.1471 14.4776 16.9554 6.13472 16.9554 6.13472C16.9141 5.84569 16.6666 5.63102 16.3746 5.63102H13.8194V3.70419C13.6313 -1.23661 6.54869 -1.23285 6.36241 3.70419V5.63102H3.80728C3.51533 5.63102 3.26784 5.84569 3.22654 6.13472C3.22654 6.13472 2.03482 14.4776 1.5463 17.8959C1.47062 18.4253 1.62823 18.9606 1.97862 19.3644C2.32901 19.7684 2.83657 20 3.37121 20H16.8107C17.3453 20 17.8528 19.7683 18.2033 19.3644C18.5536 18.9606 18.7113 18.4254 18.6356 17.8959ZM7.53575 3.70419C7.66462 0.318209 12.5184 0.320751 12.6461 3.70419V5.63102H7.53575V3.70419ZM17.317 18.5956C17.1896 18.7425 17.005 18.8267 16.8107 18.8267H3.37121C3.17683 18.8267 2.99231 18.7425 2.86489 18.5956C2.73755 18.4488 2.68029 18.2543 2.70779 18.0619C3.12415 15.1487 4.05121 8.65872 4.3161 6.80432H6.36245V8.10277C6.39132 8.88031 7.50716 8.87973 7.53575 8.10277V6.80432H12.6461V8.10277C12.675 8.88031 13.7908 8.87973 13.8194 8.10277V6.80432H15.8658C16.1307 8.65872 17.0578 15.1487 17.4741 18.0619C17.5016 18.2543 17.4443 18.4488 17.317 18.5956Z" class="fill-black"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-block">
                                        <div class="image-box mb-16">
                                            <img src="/forword/picture/10.png" alt="">
                                            <div class="sale-label subtitle">-12%</div>
                                            <div class="shopping-btns">
                                                <a href="#" class="" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <i class="fa-regular fa-eye"></i>
                                                </a>

                                                <a href="javascript:;" class="">
                                                    <i class="fa-light fa-heart"></i>
                                                </a>
                                                <a href="" class="zui-wrapper-button" data-bs-toggle="modal" data-bs-target="#comparepopup">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M16.2238 20C16.0216 20 15.8197 19.922 15.6667 19.7665C15.3642 19.4588 15.3683 18.9642 15.676 18.6617L18.3019 16.0796C18.448 15.9333 18.5284 15.7393 18.5284 15.5331C18.5284 15.3275 18.4485 15.1341 18.3033 14.988L15.679 12.435C14.9636 11.6854 16.0002 10.6208 16.7685 11.315L19.397 13.8721C19.3993 13.8743 19.4016 13.8765 19.4038 13.8788C19.8469 14.3206 20.0909 14.9081 20.0909 15.5332C20.0909 16.1582 19.8468 16.7457 19.4038 17.1875C19.4025 17.1887 19.4012 17.19 19.3999 17.1913L16.7715 19.7759C16.6194 19.9254 16.4215 20 16.2238 20ZM16.2238 16.25H4.77844C2.19375 16.25 0.0909424 14.1472 0.0909424 11.5625V9.57032C0.129341 8.53485 1.6154 8.53563 1.65344 9.57032V11.5625C1.65344 13.2856 3.05532 14.6875 4.77844 14.6875H16.2238C17.2592 14.7259 17.2584 16.212 16.2238 16.25ZM19.3097 11.2109C18.8782 11.2109 18.5284 10.8612 18.5284 10.4297V8.43751C18.5284 6.71438 17.1266 5.31251 15.4034 5.31251H3.95813C2.92266 5.27411 2.92344 3.78806 3.95813 3.75001H15.4034C17.9881 3.75001 20.0909 5.85282 20.0909 8.43751V10.4297C20.0909 10.8612 19.7412 11.2109 19.3097 11.2109ZM3.95805 8.90626C3.76172 8.90626 3.5652 8.83274 3.41336 8.68497L0.784849 6.1279C0.782544 6.12567 0.780278 6.12345 0.778052 6.12118C0.334966 5.67942 0.0909424 5.09192 0.0909424 4.46688C0.0909424 3.84184 0.334966 3.25431 0.778052 2.81259C0.779341 2.8113 0.780591 2.81005 0.78188 2.8088L3.4104 0.224188C3.71805 -0.0783121 4.2127 -0.0741715 4.5152 0.233485C4.8177 0.541141 4.81356 1.03579 4.5059 1.33829L1.87997 3.9204C1.58047 4.20829 1.57985 4.72337 1.87856 5.012L4.5029 7.56501C4.81215 7.86587 4.81895 8.36048 4.51809 8.66977C4.36501 8.82716 4.16157 8.90626 3.95805 8.90626Z" fill="#141516"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="content-box">
                                            <p class="eyebrow mb-12">Muscle Max</p>
                                            <a href="product-detail.html" class="product-title h6 fw-500 mb-12">All-Natural Whey Protein</a>

                                            <div class="d-flex align-items-center gap-8 mb-16">
                                                <p class="caption">
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                </p>
                                            </div>
                                            <div class="d-flex align-items-center justify-content-between">
                                                <h5 class="black"><span class="h6 text-decoration-line-through dark-gray">$180.00</span>
                                                    &nbsp; $144.00</h5>
                                                <a href="#" class="sm-btn light" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M18.6356 17.8959C18.1471 14.4776 16.9554 6.13472 16.9554 6.13472C16.9141 5.84569 16.6666 5.63102 16.3746 5.63102H13.8194V3.70419C13.6313 -1.23661 6.54869 -1.23285 6.36241 3.70419V5.63102H3.80728C3.51533 5.63102 3.26784 5.84569 3.22654 6.13472C3.22654 6.13472 2.03482 14.4776 1.5463 17.8959C1.47062 18.4253 1.62823 18.9606 1.97862 19.3644C2.32901 19.7684 2.83657 20 3.37121 20H16.8107C17.3453 20 17.8528 19.7683 18.2033 19.3644C18.5536 18.9606 18.7113 18.4254 18.6356 17.8959ZM7.53575 3.70419C7.66462 0.318209 12.5184 0.320751 12.6461 3.70419V5.63102H7.53575V3.70419ZM17.317 18.5956C17.1896 18.7425 17.005 18.8267 16.8107 18.8267H3.37121C3.17683 18.8267 2.99231 18.7425 2.86489 18.5956C2.73755 18.4488 2.68029 18.2543 2.70779 18.0619C3.12415 15.1487 4.05121 8.65872 4.3161 6.80432H6.36245V8.10277C6.39132 8.88031 7.50716 8.87973 7.53575 8.10277V6.80432H12.6461V8.10277C12.675 8.88031 13.7908 8.87973 13.8194 8.10277V6.80432H15.8658C16.1307 8.65872 17.0578 15.1487 17.4741 18.0619C17.5016 18.2543 17.4443 18.4488 17.317 18.5956Z" class="fill-black"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-block">
                                        <div class="image-box mb-16">
                                            <img src="/forword/picture/111.png" alt="">
                                            <div class="sale-label subtitle">-12%</div>
                                            <div class="shopping-btns">
                                                <a href="#" class="" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <i class="fa-regular fa-eye"></i>
                                                </a>

                                                <a href="javascript:;" class="">
                                                    <i class="fa-light fa-heart"></i>
                                                </a>
                                                <a href="" class="zui-wrapper-button" data-bs-toggle="modal" data-bs-target="#comparepopup">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M16.2238 20C16.0216 20 15.8197 19.922 15.6667 19.7665C15.3642 19.4588 15.3683 18.9642 15.676 18.6617L18.3019 16.0796C18.448 15.9333 18.5284 15.7393 18.5284 15.5331C18.5284 15.3275 18.4485 15.1341 18.3033 14.988L15.679 12.435C14.9636 11.6854 16.0002 10.6208 16.7685 11.315L19.397 13.8721C19.3993 13.8743 19.4016 13.8765 19.4038 13.8788C19.8469 14.3206 20.0909 14.9081 20.0909 15.5332C20.0909 16.1582 19.8468 16.7457 19.4038 17.1875C19.4025 17.1887 19.4012 17.19 19.3999 17.1913L16.7715 19.7759C16.6194 19.9254 16.4215 20 16.2238 20ZM16.2238 16.25H4.77844C2.19375 16.25 0.0909424 14.1472 0.0909424 11.5625V9.57032C0.129341 8.53485 1.6154 8.53563 1.65344 9.57032V11.5625C1.65344 13.2856 3.05532 14.6875 4.77844 14.6875H16.2238C17.2592 14.7259 17.2584 16.212 16.2238 16.25ZM19.3097 11.2109C18.8782 11.2109 18.5284 10.8612 18.5284 10.4297V8.43751C18.5284 6.71438 17.1266 5.31251 15.4034 5.31251H3.95813C2.92266 5.27411 2.92344 3.78806 3.95813 3.75001H15.4034C17.9881 3.75001 20.0909 5.85282 20.0909 8.43751V10.4297C20.0909 10.8612 19.7412 11.2109 19.3097 11.2109ZM3.95805 8.90626C3.76172 8.90626 3.5652 8.83274 3.41336 8.68497L0.784849 6.1279C0.782544 6.12567 0.780278 6.12345 0.778052 6.12118C0.334966 5.67942 0.0909424 5.09192 0.0909424 4.46688C0.0909424 3.84184 0.334966 3.25431 0.778052 2.81259C0.779341 2.8113 0.780591 2.81005 0.78188 2.8088L3.4104 0.224188C3.71805 -0.0783121 4.2127 -0.0741715 4.5152 0.233485C4.8177 0.541141 4.81356 1.03579 4.5059 1.33829L1.87997 3.9204C1.58047 4.20829 1.57985 4.72337 1.87856 5.012L4.5029 7.56501C4.81215 7.86587 4.81895 8.36048 4.51809 8.66977C4.36501 8.82716 4.16157 8.90626 3.95805 8.90626Z" fill="#141516"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="content-box">
                                            <p class="eyebrow mb-12">Muscle Max</p>
                                            <a href="product-detail.html" class="product-title h6 fw-500 mb-12">All-Natural Whey Protein</a>

                                            <div class="d-flex align-items-center gap-8 mb-16">
                                                <p class="caption">
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                </p>
                                            </div>
                                            <div class="d-flex align-items-center justify-content-between">
                                                <h5 class="black"><span class="h6 text-decoration-line-through dark-gray">$180.00</span>
                                                    &nbsp; $144.00</h5>
                                                <a href="#" class="sm-btn light" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M18.6356 17.8959C18.1471 14.4776 16.9554 6.13472 16.9554 6.13472C16.9141 5.84569 16.6666 5.63102 16.3746 5.63102H13.8194V3.70419C13.6313 -1.23661 6.54869 -1.23285 6.36241 3.70419V5.63102H3.80728C3.51533 5.63102 3.26784 5.84569 3.22654 6.13472C3.22654 6.13472 2.03482 14.4776 1.5463 17.8959C1.47062 18.4253 1.62823 18.9606 1.97862 19.3644C2.32901 19.7684 2.83657 20 3.37121 20H16.8107C17.3453 20 17.8528 19.7683 18.2033 19.3644C18.5536 18.9606 18.7113 18.4254 18.6356 17.8959ZM7.53575 3.70419C7.66462 0.318209 12.5184 0.320751 12.6461 3.70419V5.63102H7.53575V3.70419ZM17.317 18.5956C17.1896 18.7425 17.005 18.8267 16.8107 18.8267H3.37121C3.17683 18.8267 2.99231 18.7425 2.86489 18.5956C2.73755 18.4488 2.68029 18.2543 2.70779 18.0619C3.12415 15.1487 4.05121 8.65872 4.3161 6.80432H6.36245V8.10277C6.39132 8.88031 7.50716 8.87973 7.53575 8.10277V6.80432H12.6461V8.10277C12.675 8.88031 13.7908 8.87973 13.8194 8.10277V6.80432H15.8658C16.1307 8.65872 17.0578 15.1487 17.4741 18.0619C17.5016 18.2543 17.4443 18.4488 17.317 18.5956Z" class="fill-black"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-block">
                                        <div class="image-box mb-16">
                                            <img src="/forword/picture/12.png" alt="">
                                            <div class="sale-label subtitle">-12%</div>
                                            <div class="shopping-btns">
                                                <a href="#" class="" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <i class="fa-regular fa-eye"></i>
                                                </a>

                                                <a href="javascript:;" class="">
                                                    <i class="fa-light fa-heart"></i>
                                                </a>
                                                <a href="" class="zui-wrapper-button" data-bs-toggle="modal" data-bs-target="#comparepopup">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M16.2238 20C16.0216 20 15.8197 19.922 15.6667 19.7665C15.3642 19.4588 15.3683 18.9642 15.676 18.6617L18.3019 16.0796C18.448 15.9333 18.5284 15.7393 18.5284 15.5331C18.5284 15.3275 18.4485 15.1341 18.3033 14.988L15.679 12.435C14.9636 11.6854 16.0002 10.6208 16.7685 11.315L19.397 13.8721C19.3993 13.8743 19.4016 13.8765 19.4038 13.8788C19.8469 14.3206 20.0909 14.9081 20.0909 15.5332C20.0909 16.1582 19.8468 16.7457 19.4038 17.1875C19.4025 17.1887 19.4012 17.19 19.3999 17.1913L16.7715 19.7759C16.6194 19.9254 16.4215 20 16.2238 20ZM16.2238 16.25H4.77844C2.19375 16.25 0.0909424 14.1472 0.0909424 11.5625V9.57032C0.129341 8.53485 1.6154 8.53563 1.65344 9.57032V11.5625C1.65344 13.2856 3.05532 14.6875 4.77844 14.6875H16.2238C17.2592 14.7259 17.2584 16.212 16.2238 16.25ZM19.3097 11.2109C18.8782 11.2109 18.5284 10.8612 18.5284 10.4297V8.43751C18.5284 6.71438 17.1266 5.31251 15.4034 5.31251H3.95813C2.92266 5.27411 2.92344 3.78806 3.95813 3.75001H15.4034C17.9881 3.75001 20.0909 5.85282 20.0909 8.43751V10.4297C20.0909 10.8612 19.7412 11.2109 19.3097 11.2109ZM3.95805 8.90626C3.76172 8.90626 3.5652 8.83274 3.41336 8.68497L0.784849 6.1279C0.782544 6.12567 0.780278 6.12345 0.778052 6.12118C0.334966 5.67942 0.0909424 5.09192 0.0909424 4.46688C0.0909424 3.84184 0.334966 3.25431 0.778052 2.81259C0.779341 2.8113 0.780591 2.81005 0.78188 2.8088L3.4104 0.224188C3.71805 -0.0783121 4.2127 -0.0741715 4.5152 0.233485C4.8177 0.541141 4.81356 1.03579 4.5059 1.33829L1.87997 3.9204C1.58047 4.20829 1.57985 4.72337 1.87856 5.012L4.5029 7.56501C4.81215 7.86587 4.81895 8.36048 4.51809 8.66977C4.36501 8.82716 4.16157 8.90626 3.95805 8.90626Z" fill="#141516"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="content-box">
                                            <p class="eyebrow mb-12">Muscle Max</p>
                                            <a href="product-detail.html" class="product-title h6 fw-500 mb-12">All-Natural Whey Protein</a>

                                            <div class="d-flex align-items-center gap-8 mb-16">
                                                <p class="caption">
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                </p>
                                            </div>
                                            <div class="d-flex align-items-center justify-content-between">
                                                <h5 class="black"><span class="h6 text-decoration-line-through dark-gray">$180.00</span>
                                                    &nbsp; $144.00</h5>
                                                <a href="#" class="sm-btn light" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M18.6356 17.8959C18.1471 14.4776 16.9554 6.13472 16.9554 6.13472C16.9141 5.84569 16.6666 5.63102 16.3746 5.63102H13.8194V3.70419C13.6313 -1.23661 6.54869 -1.23285 6.36241 3.70419V5.63102H3.80728C3.51533 5.63102 3.26784 5.84569 3.22654 6.13472C3.22654 6.13472 2.03482 14.4776 1.5463 17.8959C1.47062 18.4253 1.62823 18.9606 1.97862 19.3644C2.32901 19.7684 2.83657 20 3.37121 20H16.8107C17.3453 20 17.8528 19.7683 18.2033 19.3644C18.5536 18.9606 18.7113 18.4254 18.6356 17.8959ZM7.53575 3.70419C7.66462 0.318209 12.5184 0.320751 12.6461 3.70419V5.63102H7.53575V3.70419ZM17.317 18.5956C17.1896 18.7425 17.005 18.8267 16.8107 18.8267H3.37121C3.17683 18.8267 2.99231 18.7425 2.86489 18.5956C2.73755 18.4488 2.68029 18.2543 2.70779 18.0619C3.12415 15.1487 4.05121 8.65872 4.3161 6.80432H6.36245V8.10277C6.39132 8.88031 7.50716 8.87973 7.53575 8.10277V6.80432H12.6461V8.10277C12.675 8.88031 13.7908 8.87973 13.8194 8.10277V6.80432H15.8658C16.1307 8.65872 17.0578 15.1487 17.4741 18.0619C17.5016 18.2543 17.4443 18.4488 17.317 18.5956Z" class="fill-black"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-block">
                                        <div class="image-box mb-16">
                                            <img src="/forword/picture/9.png" alt="">
                                            <div class="sale-label subtitle">-12%</div>
                                            <div class="shopping-btns">
                                                <a href="#" class="" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <i class="fa-regular fa-eye"></i>
                                                </a>

                                                <a href="javascript:;" class="">
                                                    <i class="fa-light fa-heart"></i>
                                                </a>
                                                <a href="" class="zui-wrapper-button" data-bs-toggle="modal" data-bs-target="#comparepopup">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M16.2238 20C16.0216 20 15.8197 19.922 15.6667 19.7665C15.3642 19.4588 15.3683 18.9642 15.676 18.6617L18.3019 16.0796C18.448 15.9333 18.5284 15.7393 18.5284 15.5331C18.5284 15.3275 18.4485 15.1341 18.3033 14.988L15.679 12.435C14.9636 11.6854 16.0002 10.6208 16.7685 11.315L19.397 13.8721C19.3993 13.8743 19.4016 13.8765 19.4038 13.8788C19.8469 14.3206 20.0909 14.9081 20.0909 15.5332C20.0909 16.1582 19.8468 16.7457 19.4038 17.1875C19.4025 17.1887 19.4012 17.19 19.3999 17.1913L16.7715 19.7759C16.6194 19.9254 16.4215 20 16.2238 20ZM16.2238 16.25H4.77844C2.19375 16.25 0.0909424 14.1472 0.0909424 11.5625V9.57032C0.129341 8.53485 1.6154 8.53563 1.65344 9.57032V11.5625C1.65344 13.2856 3.05532 14.6875 4.77844 14.6875H16.2238C17.2592 14.7259 17.2584 16.212 16.2238 16.25ZM19.3097 11.2109C18.8782 11.2109 18.5284 10.8612 18.5284 10.4297V8.43751C18.5284 6.71438 17.1266 5.31251 15.4034 5.31251H3.95813C2.92266 5.27411 2.92344 3.78806 3.95813 3.75001H15.4034C17.9881 3.75001 20.0909 5.85282 20.0909 8.43751V10.4297C20.0909 10.8612 19.7412 11.2109 19.3097 11.2109ZM3.95805 8.90626C3.76172 8.90626 3.5652 8.83274 3.41336 8.68497L0.784849 6.1279C0.782544 6.12567 0.780278 6.12345 0.778052 6.12118C0.334966 5.67942 0.0909424 5.09192 0.0909424 4.46688C0.0909424 3.84184 0.334966 3.25431 0.778052 2.81259C0.779341 2.8113 0.780591 2.81005 0.78188 2.8088L3.4104 0.224188C3.71805 -0.0783121 4.2127 -0.0741715 4.5152 0.233485C4.8177 0.541141 4.81356 1.03579 4.5059 1.33829L1.87997 3.9204C1.58047 4.20829 1.57985 4.72337 1.87856 5.012L4.5029 7.56501C4.81215 7.86587 4.81895 8.36048 4.51809 8.66977C4.36501 8.82716 4.16157 8.90626 3.95805 8.90626Z" fill="#141516"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="content-box">
                                            <p class="eyebrow mb-12">Muscle Max</p>
                                            <a href="product-detail.html" class="product-title h6 fw-500 mb-12">All-Natural Whey Protein</a>

                                            <div class="d-flex align-items-center gap-8 mb-16">
                                                <p class="caption">
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                </p>
                                            </div>
                                            <div class="d-flex align-items-center justify-content-between">
                                                <h5 class="black"><span class="h6 text-decoration-line-through dark-gray">$180.00</span>
                                                    &nbsp; $144.00</h5>
                                                <a href="#" class="sm-btn light" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M18.6356 17.8959C18.1471 14.4776 16.9554 6.13472 16.9554 6.13472C16.9141 5.84569 16.6666 5.63102 16.3746 5.63102H13.8194V3.70419C13.6313 -1.23661 6.54869 -1.23285 6.36241 3.70419V5.63102H3.80728C3.51533 5.63102 3.26784 5.84569 3.22654 6.13472C3.22654 6.13472 2.03482 14.4776 1.5463 17.8959C1.47062 18.4253 1.62823 18.9606 1.97862 19.3644C2.32901 19.7684 2.83657 20 3.37121 20H16.8107C17.3453 20 17.8528 19.7683 18.2033 19.3644C18.5536 18.9606 18.7113 18.4254 18.6356 17.8959ZM7.53575 3.70419C7.66462 0.318209 12.5184 0.320751 12.6461 3.70419V5.63102H7.53575V3.70419ZM17.317 18.5956C17.1896 18.7425 17.005 18.8267 16.8107 18.8267H3.37121C3.17683 18.8267 2.99231 18.7425 2.86489 18.5956C2.73755 18.4488 2.68029 18.2543 2.70779 18.0619C3.12415 15.1487 4.05121 8.65872 4.3161 6.80432H6.36245V8.10277C6.39132 8.88031 7.50716 8.87973 7.53575 8.10277V6.80432H12.6461V8.10277C12.675 8.88031 13.7908 8.87973 13.8194 8.10277V6.80432H15.8658C16.1307 8.65872 17.0578 15.1487 17.4741 18.0619C17.5016 18.2543 17.4443 18.4488 17.317 18.5956Z" class="fill-black"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-block">
                                        <div class="image-box mb-16">
                                            <img src="/forword/picture/10.png" alt="">
                                            <div class="sale-label subtitle">-12%</div>
                                            <div class="shopping-btns">
                                                <a href="#" class="" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <i class="fa-regular fa-eye"></i>
                                                </a>

                                                <a href="javascript:;" class="">
                                                    <i class="fa-light fa-heart"></i>
                                                </a>
                                                <a href="" class="zui-wrapper-button" data-bs-toggle="modal" data-bs-target="#comparepopup">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M16.2238 20C16.0216 20 15.8197 19.922 15.6667 19.7665C15.3642 19.4588 15.3683 18.9642 15.676 18.6617L18.3019 16.0796C18.448 15.9333 18.5284 15.7393 18.5284 15.5331C18.5284 15.3275 18.4485 15.1341 18.3033 14.988L15.679 12.435C14.9636 11.6854 16.0002 10.6208 16.7685 11.315L19.397 13.8721C19.3993 13.8743 19.4016 13.8765 19.4038 13.8788C19.8469 14.3206 20.0909 14.9081 20.0909 15.5332C20.0909 16.1582 19.8468 16.7457 19.4038 17.1875C19.4025 17.1887 19.4012 17.19 19.3999 17.1913L16.7715 19.7759C16.6194 19.9254 16.4215 20 16.2238 20ZM16.2238 16.25H4.77844C2.19375 16.25 0.0909424 14.1472 0.0909424 11.5625V9.57032C0.129341 8.53485 1.6154 8.53563 1.65344 9.57032V11.5625C1.65344 13.2856 3.05532 14.6875 4.77844 14.6875H16.2238C17.2592 14.7259 17.2584 16.212 16.2238 16.25ZM19.3097 11.2109C18.8782 11.2109 18.5284 10.8612 18.5284 10.4297V8.43751C18.5284 6.71438 17.1266 5.31251 15.4034 5.31251H3.95813C2.92266 5.27411 2.92344 3.78806 3.95813 3.75001H15.4034C17.9881 3.75001 20.0909 5.85282 20.0909 8.43751V10.4297C20.0909 10.8612 19.7412 11.2109 19.3097 11.2109ZM3.95805 8.90626C3.76172 8.90626 3.5652 8.83274 3.41336 8.68497L0.784849 6.1279C0.782544 6.12567 0.780278 6.12345 0.778052 6.12118C0.334966 5.67942 0.0909424 5.09192 0.0909424 4.46688C0.0909424 3.84184 0.334966 3.25431 0.778052 2.81259C0.779341 2.8113 0.780591 2.81005 0.78188 2.8088L3.4104 0.224188C3.71805 -0.0783121 4.2127 -0.0741715 4.5152 0.233485C4.8177 0.541141 4.81356 1.03579 4.5059 1.33829L1.87997 3.9204C1.58047 4.20829 1.57985 4.72337 1.87856 5.012L4.5029 7.56501C4.81215 7.86587 4.81895 8.36048 4.51809 8.66977C4.36501 8.82716 4.16157 8.90626 3.95805 8.90626Z" fill="#141516"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="content-box">
                                            <p class="eyebrow mb-12">Muscle Max</p>
                                            <a href="product-detail.html" class="product-title h6 fw-500 mb-12">All-Natural Whey Protein</a>

                                            <div class="d-flex align-items-center gap-8 mb-16">
                                                <p class="caption">
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                </p>
                                            </div>
                                            <div class="d-flex align-items-center justify-content-between">
                                                <h5 class="black"><span class="h6 text-decoration-line-through dark-gray">$180.00</span>
                                                    &nbsp; $144.00</h5>
                                                <a href="#" class="sm-btn light" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M18.6356 17.8959C18.1471 14.4776 16.9554 6.13472 16.9554 6.13472C16.9141 5.84569 16.6666 5.63102 16.3746 5.63102H13.8194V3.70419C13.6313 -1.23661 6.54869 -1.23285 6.36241 3.70419V5.63102H3.80728C3.51533 5.63102 3.26784 5.84569 3.22654 6.13472C3.22654 6.13472 2.03482 14.4776 1.5463 17.8959C1.47062 18.4253 1.62823 18.9606 1.97862 19.3644C2.32901 19.7684 2.83657 20 3.37121 20H16.8107C17.3453 20 17.8528 19.7683 18.2033 19.3644C18.5536 18.9606 18.7113 18.4254 18.6356 17.8959ZM7.53575 3.70419C7.66462 0.318209 12.5184 0.320751 12.6461 3.70419V5.63102H7.53575V3.70419ZM17.317 18.5956C17.1896 18.7425 17.005 18.8267 16.8107 18.8267H3.37121C3.17683 18.8267 2.99231 18.7425 2.86489 18.5956C2.73755 18.4488 2.68029 18.2543 2.70779 18.0619C3.12415 15.1487 4.05121 8.65872 4.3161 6.80432H6.36245V8.10277C6.39132 8.88031 7.50716 8.87973 7.53575 8.10277V6.80432H12.6461V8.10277C12.675 8.88031 13.7908 8.87973 13.8194 8.10277V6.80432H15.8658C16.1307 8.65872 17.0578 15.1487 17.4741 18.0619C17.5016 18.2543 17.4443 18.4488 17.317 18.5956Z" class="fill-black"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="progress" role="progressbar" aria-valuemin="0" aria-valuemax="100">
                                    <span class="slider__label sr-only"></span>
                                </div>
                            </div>
                        </div>
                        <div id="tab-4" class="tab-content">
                            <div class="slider-container">
                                <div class="slider-arrows d-sm-flex d-none">
                                    <a href="javascript:;" class="sm-btn light arrow-btn btn-prev" data-slide="product-slider">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                            <path d="M7.90344 14.3749C7.90344 12.4999 6.15344 9.99988 4.15344 9.99988M4.15344 9.99988C5.29928 9.99988 7.90344 9.37488 7.90344 5.62488M4.15344 9.99988H16.0284" class="stroke-black" stroke-width="1.25"></path>
                                        </svg>
                                    </a>
                                    <a href="javascript:;" class="sm-btn light arrow-btn btn-next" data-slide="product-slider">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                            <path d="M12.0966 14.3749C12.0966 12.4999 13.8466 9.99988 15.8466 9.99988M15.8466 9.99988C14.7007 9.99988 12.0966 9.37488 12.0966 5.62488M15.8466 9.99988H3.97156" class="stroke-black" stroke-width="1.25"></path>
                                        </svg>
                                    </a>
                                </div>
                                <div class="product-slider">
                                    <div class="product-block">
                                        <div class="image-box mb-16">
                                            <img src="/forword/picture/10.png" alt="">
                                            <div class="sale-label subtitle">-12%</div>
                                            <div class="shopping-btns">
                                                <a href="#" class="" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <i class="fa-regular fa-eye"></i>
                                                </a>

                                                <a href="javascript:;" class="">
                                                    <i class="fa-light fa-heart"></i>
                                                </a>
                                                <a href="" class="zui-wrapper-button" data-bs-toggle="modal" data-bs-target="#comparepopup">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M16.2238 20C16.0216 20 15.8197 19.922 15.6667 19.7665C15.3642 19.4588 15.3683 18.9642 15.676 18.6617L18.3019 16.0796C18.448 15.9333 18.5284 15.7393 18.5284 15.5331C18.5284 15.3275 18.4485 15.1341 18.3033 14.988L15.679 12.435C14.9636 11.6854 16.0002 10.6208 16.7685 11.315L19.397 13.8721C19.3993 13.8743 19.4016 13.8765 19.4038 13.8788C19.8469 14.3206 20.0909 14.9081 20.0909 15.5332C20.0909 16.1582 19.8468 16.7457 19.4038 17.1875C19.4025 17.1887 19.4012 17.19 19.3999 17.1913L16.7715 19.7759C16.6194 19.9254 16.4215 20 16.2238 20ZM16.2238 16.25H4.77844C2.19375 16.25 0.0909424 14.1472 0.0909424 11.5625V9.57032C0.129341 8.53485 1.6154 8.53563 1.65344 9.57032V11.5625C1.65344 13.2856 3.05532 14.6875 4.77844 14.6875H16.2238C17.2592 14.7259 17.2584 16.212 16.2238 16.25ZM19.3097 11.2109C18.8782 11.2109 18.5284 10.8612 18.5284 10.4297V8.43751C18.5284 6.71438 17.1266 5.31251 15.4034 5.31251H3.95813C2.92266 5.27411 2.92344 3.78806 3.95813 3.75001H15.4034C17.9881 3.75001 20.0909 5.85282 20.0909 8.43751V10.4297C20.0909 10.8612 19.7412 11.2109 19.3097 11.2109ZM3.95805 8.90626C3.76172 8.90626 3.5652 8.83274 3.41336 8.68497L0.784849 6.1279C0.782544 6.12567 0.780278 6.12345 0.778052 6.12118C0.334966 5.67942 0.0909424 5.09192 0.0909424 4.46688C0.0909424 3.84184 0.334966 3.25431 0.778052 2.81259C0.779341 2.8113 0.780591 2.81005 0.78188 2.8088L3.4104 0.224188C3.71805 -0.0783121 4.2127 -0.0741715 4.5152 0.233485C4.8177 0.541141 4.81356 1.03579 4.5059 1.33829L1.87997 3.9204C1.58047 4.20829 1.57985 4.72337 1.87856 5.012L4.5029 7.56501C4.81215 7.86587 4.81895 8.36048 4.51809 8.66977C4.36501 8.82716 4.16157 8.90626 3.95805 8.90626Z" fill="#141516"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="content-box">
                                            <p class="eyebrow mb-12">Muscle Max</p>
                                            <a href="product-detail.html" class="product-title h6 fw-500 mb-12">All-Natural Whey Protein</a>

                                            <div class="d-flex align-items-center gap-8 mb-16">
                                                <p class="caption">
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                </p>
                                            </div>
                                            <div class="d-flex align-items-center justify-content-between">
                                                <h5 class="black"><span class="h6 text-decoration-line-through dark-gray">$180.00</span>
                                                    &nbsp; $144.00</h5>
                                                <a href="#" class="sm-btn light" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M18.6356 17.8959C18.1471 14.4776 16.9554 6.13472 16.9554 6.13472C16.9141 5.84569 16.6666 5.63102 16.3746 5.63102H13.8194V3.70419C13.6313 -1.23661 6.54869 -1.23285 6.36241 3.70419V5.63102H3.80728C3.51533 5.63102 3.26784 5.84569 3.22654 6.13472C3.22654 6.13472 2.03482 14.4776 1.5463 17.8959C1.47062 18.4253 1.62823 18.9606 1.97862 19.3644C2.32901 19.7684 2.83657 20 3.37121 20H16.8107C17.3453 20 17.8528 19.7683 18.2033 19.3644C18.5536 18.9606 18.7113 18.4254 18.6356 17.8959ZM7.53575 3.70419C7.66462 0.318209 12.5184 0.320751 12.6461 3.70419V5.63102H7.53575V3.70419ZM17.317 18.5956C17.1896 18.7425 17.005 18.8267 16.8107 18.8267H3.37121C3.17683 18.8267 2.99231 18.7425 2.86489 18.5956C2.73755 18.4488 2.68029 18.2543 2.70779 18.0619C3.12415 15.1487 4.05121 8.65872 4.3161 6.80432H6.36245V8.10277C6.39132 8.88031 7.50716 8.87973 7.53575 8.10277V6.80432H12.6461V8.10277C12.675 8.88031 13.7908 8.87973 13.8194 8.10277V6.80432H15.8658C16.1307 8.65872 17.0578 15.1487 17.4741 18.0619C17.5016 18.2543 17.4443 18.4488 17.317 18.5956Z" class="fill-black"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-block">
                                        <div class="image-box mb-16">
                                            <img src="/forword/picture/5.png" alt="">
                                            <div class="sale-label subtitle">-12%</div>
                                            <div class="shopping-btns">
                                                <a href="#" class="" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <i class="fa-regular fa-eye"></i>
                                                </a>

                                                <a href="javascript:;" class="">
                                                    <i class="fa-light fa-heart"></i>
                                                </a>
                                                <a href="" class="zui-wrapper-button" data-bs-toggle="modal" data-bs-target="#comparepopup">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M16.2238 20C16.0216 20 15.8197 19.922 15.6667 19.7665C15.3642 19.4588 15.3683 18.9642 15.676 18.6617L18.3019 16.0796C18.448 15.9333 18.5284 15.7393 18.5284 15.5331C18.5284 15.3275 18.4485 15.1341 18.3033 14.988L15.679 12.435C14.9636 11.6854 16.0002 10.6208 16.7685 11.315L19.397 13.8721C19.3993 13.8743 19.4016 13.8765 19.4038 13.8788C19.8469 14.3206 20.0909 14.9081 20.0909 15.5332C20.0909 16.1582 19.8468 16.7457 19.4038 17.1875C19.4025 17.1887 19.4012 17.19 19.3999 17.1913L16.7715 19.7759C16.6194 19.9254 16.4215 20 16.2238 20ZM16.2238 16.25H4.77844C2.19375 16.25 0.0909424 14.1472 0.0909424 11.5625V9.57032C0.129341 8.53485 1.6154 8.53563 1.65344 9.57032V11.5625C1.65344 13.2856 3.05532 14.6875 4.77844 14.6875H16.2238C17.2592 14.7259 17.2584 16.212 16.2238 16.25ZM19.3097 11.2109C18.8782 11.2109 18.5284 10.8612 18.5284 10.4297V8.43751C18.5284 6.71438 17.1266 5.31251 15.4034 5.31251H3.95813C2.92266 5.27411 2.92344 3.78806 3.95813 3.75001H15.4034C17.9881 3.75001 20.0909 5.85282 20.0909 8.43751V10.4297C20.0909 10.8612 19.7412 11.2109 19.3097 11.2109ZM3.95805 8.90626C3.76172 8.90626 3.5652 8.83274 3.41336 8.68497L0.784849 6.1279C0.782544 6.12567 0.780278 6.12345 0.778052 6.12118C0.334966 5.67942 0.0909424 5.09192 0.0909424 4.46688C0.0909424 3.84184 0.334966 3.25431 0.778052 2.81259C0.779341 2.8113 0.780591 2.81005 0.78188 2.8088L3.4104 0.224188C3.71805 -0.0783121 4.2127 -0.0741715 4.5152 0.233485C4.8177 0.541141 4.81356 1.03579 4.5059 1.33829L1.87997 3.9204C1.58047 4.20829 1.57985 4.72337 1.87856 5.012L4.5029 7.56501C4.81215 7.86587 4.81895 8.36048 4.51809 8.66977C4.36501 8.82716 4.16157 8.90626 3.95805 8.90626Z" fill="#141516"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="content-box">
                                            <p class="eyebrow mb-12">Muscle Max</p>
                                            <a href="product-detail.html" class="product-title h6 fw-500 mb-12">All-Natural Whey Protein</a>

                                            <div class="d-flex align-items-center gap-8 mb-16">
                                                <p class="caption">
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                </p>
                                            </div>
                                            <div class="d-flex align-items-center justify-content-between">
                                                <h5 class="black"><span class="h6 text-decoration-line-through dark-gray">$180.00</span>
                                                    &nbsp; $144.00</h5>
                                                <a href="#" class="sm-btn light" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M18.6356 17.8959C18.1471 14.4776 16.9554 6.13472 16.9554 6.13472C16.9141 5.84569 16.6666 5.63102 16.3746 5.63102H13.8194V3.70419C13.6313 -1.23661 6.54869 -1.23285 6.36241 3.70419V5.63102H3.80728C3.51533 5.63102 3.26784 5.84569 3.22654 6.13472C3.22654 6.13472 2.03482 14.4776 1.5463 17.8959C1.47062 18.4253 1.62823 18.9606 1.97862 19.3644C2.32901 19.7684 2.83657 20 3.37121 20H16.8107C17.3453 20 17.8528 19.7683 18.2033 19.3644C18.5536 18.9606 18.7113 18.4254 18.6356 17.8959ZM7.53575 3.70419C7.66462 0.318209 12.5184 0.320751 12.6461 3.70419V5.63102H7.53575V3.70419ZM17.317 18.5956C17.1896 18.7425 17.005 18.8267 16.8107 18.8267H3.37121C3.17683 18.8267 2.99231 18.7425 2.86489 18.5956C2.73755 18.4488 2.68029 18.2543 2.70779 18.0619C3.12415 15.1487 4.05121 8.65872 4.3161 6.80432H6.36245V8.10277C6.39132 8.88031 7.50716 8.87973 7.53575 8.10277V6.80432H12.6461V8.10277C12.675 8.88031 13.7908 8.87973 13.8194 8.10277V6.80432H15.8658C16.1307 8.65872 17.0578 15.1487 17.4741 18.0619C17.5016 18.2543 17.4443 18.4488 17.317 18.5956Z" class="fill-black"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-block">
                                        <div class="image-box mb-16">
                                            <img src="/forword/picture/9.png" alt="">
                                            <div class="sale-label subtitle">-12%</div>
                                            <div class="shopping-btns">
                                                <a href="#" class="" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <i class="fa-regular fa-eye"></i>
                                                </a>

                                                <a href="javascript:;" class="">
                                                    <i class="fa-light fa-heart"></i>
                                                </a>
                                                <a href="" class="zui-wrapper-button" data-bs-toggle="modal" data-bs-target="#comparepopup">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M16.2238 20C16.0216 20 15.8197 19.922 15.6667 19.7665C15.3642 19.4588 15.3683 18.9642 15.676 18.6617L18.3019 16.0796C18.448 15.9333 18.5284 15.7393 18.5284 15.5331C18.5284 15.3275 18.4485 15.1341 18.3033 14.988L15.679 12.435C14.9636 11.6854 16.0002 10.6208 16.7685 11.315L19.397 13.8721C19.3993 13.8743 19.4016 13.8765 19.4038 13.8788C19.8469 14.3206 20.0909 14.9081 20.0909 15.5332C20.0909 16.1582 19.8468 16.7457 19.4038 17.1875C19.4025 17.1887 19.4012 17.19 19.3999 17.1913L16.7715 19.7759C16.6194 19.9254 16.4215 20 16.2238 20ZM16.2238 16.25H4.77844C2.19375 16.25 0.0909424 14.1472 0.0909424 11.5625V9.57032C0.129341 8.53485 1.6154 8.53563 1.65344 9.57032V11.5625C1.65344 13.2856 3.05532 14.6875 4.77844 14.6875H16.2238C17.2592 14.7259 17.2584 16.212 16.2238 16.25ZM19.3097 11.2109C18.8782 11.2109 18.5284 10.8612 18.5284 10.4297V8.43751C18.5284 6.71438 17.1266 5.31251 15.4034 5.31251H3.95813C2.92266 5.27411 2.92344 3.78806 3.95813 3.75001H15.4034C17.9881 3.75001 20.0909 5.85282 20.0909 8.43751V10.4297C20.0909 10.8612 19.7412 11.2109 19.3097 11.2109ZM3.95805 8.90626C3.76172 8.90626 3.5652 8.83274 3.41336 8.68497L0.784849 6.1279C0.782544 6.12567 0.780278 6.12345 0.778052 6.12118C0.334966 5.67942 0.0909424 5.09192 0.0909424 4.46688C0.0909424 3.84184 0.334966 3.25431 0.778052 2.81259C0.779341 2.8113 0.780591 2.81005 0.78188 2.8088L3.4104 0.224188C3.71805 -0.0783121 4.2127 -0.0741715 4.5152 0.233485C4.8177 0.541141 4.81356 1.03579 4.5059 1.33829L1.87997 3.9204C1.58047 4.20829 1.57985 4.72337 1.87856 5.012L4.5029 7.56501C4.81215 7.86587 4.81895 8.36048 4.51809 8.66977C4.36501 8.82716 4.16157 8.90626 3.95805 8.90626Z" fill="#141516"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="content-box">
                                            <p class="eyebrow mb-12">Muscle Max</p>
                                            <a href="product-detail.html" class="product-title h6 fw-500 mb-12">All-Natural Whey Protein</a>

                                            <div class="d-flex align-items-center gap-8 mb-16">
                                                <p class="caption">
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                </p>
                                            </div>
                                            <div class="d-flex align-items-center justify-content-between">
                                                <h5 class="black"><span class="h6 text-decoration-line-through dark-gray">$180.00</span>
                                                    &nbsp; $144.00</h5>
                                                <a href="#" class="sm-btn light" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M18.6356 17.8959C18.1471 14.4776 16.9554 6.13472 16.9554 6.13472C16.9141 5.84569 16.6666 5.63102 16.3746 5.63102H13.8194V3.70419C13.6313 -1.23661 6.54869 -1.23285 6.36241 3.70419V5.63102H3.80728C3.51533 5.63102 3.26784 5.84569 3.22654 6.13472C3.22654 6.13472 2.03482 14.4776 1.5463 17.8959C1.47062 18.4253 1.62823 18.9606 1.97862 19.3644C2.32901 19.7684 2.83657 20 3.37121 20H16.8107C17.3453 20 17.8528 19.7683 18.2033 19.3644C18.5536 18.9606 18.7113 18.4254 18.6356 17.8959ZM7.53575 3.70419C7.66462 0.318209 12.5184 0.320751 12.6461 3.70419V5.63102H7.53575V3.70419ZM17.317 18.5956C17.1896 18.7425 17.005 18.8267 16.8107 18.8267H3.37121C3.17683 18.8267 2.99231 18.7425 2.86489 18.5956C2.73755 18.4488 2.68029 18.2543 2.70779 18.0619C3.12415 15.1487 4.05121 8.65872 4.3161 6.80432H6.36245V8.10277C6.39132 8.88031 7.50716 8.87973 7.53575 8.10277V6.80432H12.6461V8.10277C12.675 8.88031 13.7908 8.87973 13.8194 8.10277V6.80432H15.8658C16.1307 8.65872 17.0578 15.1487 17.4741 18.0619C17.5016 18.2543 17.4443 18.4488 17.317 18.5956Z" class="fill-black"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-block">
                                        <div class="image-box mb-16">
                                            <img src="/forword/picture/10.png" alt="">
                                            <div class="sale-label subtitle">-12%</div>
                                            <div class="shopping-btns">
                                                <a href="#" class="" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <i class="fa-regular fa-eye"></i>
                                                </a>

                                                <a href="javascript:;" class="">
                                                    <i class="fa-light fa-heart"></i>
                                                </a>
                                                <a href="" class="zui-wrapper-button" data-bs-toggle="modal" data-bs-target="#comparepopup">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M16.2238 20C16.0216 20 15.8197 19.922 15.6667 19.7665C15.3642 19.4588 15.3683 18.9642 15.676 18.6617L18.3019 16.0796C18.448 15.9333 18.5284 15.7393 18.5284 15.5331C18.5284 15.3275 18.4485 15.1341 18.3033 14.988L15.679 12.435C14.9636 11.6854 16.0002 10.6208 16.7685 11.315L19.397 13.8721C19.3993 13.8743 19.4016 13.8765 19.4038 13.8788C19.8469 14.3206 20.0909 14.9081 20.0909 15.5332C20.0909 16.1582 19.8468 16.7457 19.4038 17.1875C19.4025 17.1887 19.4012 17.19 19.3999 17.1913L16.7715 19.7759C16.6194 19.9254 16.4215 20 16.2238 20ZM16.2238 16.25H4.77844C2.19375 16.25 0.0909424 14.1472 0.0909424 11.5625V9.57032C0.129341 8.53485 1.6154 8.53563 1.65344 9.57032V11.5625C1.65344 13.2856 3.05532 14.6875 4.77844 14.6875H16.2238C17.2592 14.7259 17.2584 16.212 16.2238 16.25ZM19.3097 11.2109C18.8782 11.2109 18.5284 10.8612 18.5284 10.4297V8.43751C18.5284 6.71438 17.1266 5.31251 15.4034 5.31251H3.95813C2.92266 5.27411 2.92344 3.78806 3.95813 3.75001H15.4034C17.9881 3.75001 20.0909 5.85282 20.0909 8.43751V10.4297C20.0909 10.8612 19.7412 11.2109 19.3097 11.2109ZM3.95805 8.90626C3.76172 8.90626 3.5652 8.83274 3.41336 8.68497L0.784849 6.1279C0.782544 6.12567 0.780278 6.12345 0.778052 6.12118C0.334966 5.67942 0.0909424 5.09192 0.0909424 4.46688C0.0909424 3.84184 0.334966 3.25431 0.778052 2.81259C0.779341 2.8113 0.780591 2.81005 0.78188 2.8088L3.4104 0.224188C3.71805 -0.0783121 4.2127 -0.0741715 4.5152 0.233485C4.8177 0.541141 4.81356 1.03579 4.5059 1.33829L1.87997 3.9204C1.58047 4.20829 1.57985 4.72337 1.87856 5.012L4.5029 7.56501C4.81215 7.86587 4.81895 8.36048 4.51809 8.66977C4.36501 8.82716 4.16157 8.90626 3.95805 8.90626Z" fill="#141516"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="content-box">
                                            <p class="eyebrow mb-12">Muscle Max</p>
                                            <a href="product-detail.html" class="product-title h6 fw-500 mb-12">All-Natural Whey Protein</a>

                                            <div class="d-flex align-items-center gap-8 mb-16">
                                                <p class="caption">
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                </p>
                                            </div>
                                            <div class="d-flex align-items-center justify-content-between">
                                                <h5 class="black"><span class="h6 text-decoration-line-through dark-gray">$180.00</span>
                                                    &nbsp; $144.00</h5>
                                                <a href="#" class="sm-btn light" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M18.6356 17.8959C18.1471 14.4776 16.9554 6.13472 16.9554 6.13472C16.9141 5.84569 16.6666 5.63102 16.3746 5.63102H13.8194V3.70419C13.6313 -1.23661 6.54869 -1.23285 6.36241 3.70419V5.63102H3.80728C3.51533 5.63102 3.26784 5.84569 3.22654 6.13472C3.22654 6.13472 2.03482 14.4776 1.5463 17.8959C1.47062 18.4253 1.62823 18.9606 1.97862 19.3644C2.32901 19.7684 2.83657 20 3.37121 20H16.8107C17.3453 20 17.8528 19.7683 18.2033 19.3644C18.5536 18.9606 18.7113 18.4254 18.6356 17.8959ZM7.53575 3.70419C7.66462 0.318209 12.5184 0.320751 12.6461 3.70419V5.63102H7.53575V3.70419ZM17.317 18.5956C17.1896 18.7425 17.005 18.8267 16.8107 18.8267H3.37121C3.17683 18.8267 2.99231 18.7425 2.86489 18.5956C2.73755 18.4488 2.68029 18.2543 2.70779 18.0619C3.12415 15.1487 4.05121 8.65872 4.3161 6.80432H6.36245V8.10277C6.39132 8.88031 7.50716 8.87973 7.53575 8.10277V6.80432H12.6461V8.10277C12.675 8.88031 13.7908 8.87973 13.8194 8.10277V6.80432H15.8658C16.1307 8.65872 17.0578 15.1487 17.4741 18.0619C17.5016 18.2543 17.4443 18.4488 17.317 18.5956Z" class="fill-black"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-block">
                                        <div class="image-box mb-16">
                                            <img src="/forword/picture/10.png" alt="">
                                            <div class="sale-label subtitle">-12%</div>
                                            <div class="shopping-btns">
                                                <a href="#" class="" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <i class="fa-regular fa-eye"></i>
                                                </a>

                                                <a href="javascript:;" class="">
                                                    <i class="fa-light fa-heart"></i>
                                                </a>
                                                <a href="" class="zui-wrapper-button" data-bs-toggle="modal" data-bs-target="#comparepopup">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M16.2238 20C16.0216 20 15.8197 19.922 15.6667 19.7665C15.3642 19.4588 15.3683 18.9642 15.676 18.6617L18.3019 16.0796C18.448 15.9333 18.5284 15.7393 18.5284 15.5331C18.5284 15.3275 18.4485 15.1341 18.3033 14.988L15.679 12.435C14.9636 11.6854 16.0002 10.6208 16.7685 11.315L19.397 13.8721C19.3993 13.8743 19.4016 13.8765 19.4038 13.8788C19.8469 14.3206 20.0909 14.9081 20.0909 15.5332C20.0909 16.1582 19.8468 16.7457 19.4038 17.1875C19.4025 17.1887 19.4012 17.19 19.3999 17.1913L16.7715 19.7759C16.6194 19.9254 16.4215 20 16.2238 20ZM16.2238 16.25H4.77844C2.19375 16.25 0.0909424 14.1472 0.0909424 11.5625V9.57032C0.129341 8.53485 1.6154 8.53563 1.65344 9.57032V11.5625C1.65344 13.2856 3.05532 14.6875 4.77844 14.6875H16.2238C17.2592 14.7259 17.2584 16.212 16.2238 16.25ZM19.3097 11.2109C18.8782 11.2109 18.5284 10.8612 18.5284 10.4297V8.43751C18.5284 6.71438 17.1266 5.31251 15.4034 5.31251H3.95813C2.92266 5.27411 2.92344 3.78806 3.95813 3.75001H15.4034C17.9881 3.75001 20.0909 5.85282 20.0909 8.43751V10.4297C20.0909 10.8612 19.7412 11.2109 19.3097 11.2109ZM3.95805 8.90626C3.76172 8.90626 3.5652 8.83274 3.41336 8.68497L0.784849 6.1279C0.782544 6.12567 0.780278 6.12345 0.778052 6.12118C0.334966 5.67942 0.0909424 5.09192 0.0909424 4.46688C0.0909424 3.84184 0.334966 3.25431 0.778052 2.81259C0.779341 2.8113 0.780591 2.81005 0.78188 2.8088L3.4104 0.224188C3.71805 -0.0783121 4.2127 -0.0741715 4.5152 0.233485C4.8177 0.541141 4.81356 1.03579 4.5059 1.33829L1.87997 3.9204C1.58047 4.20829 1.57985 4.72337 1.87856 5.012L4.5029 7.56501C4.81215 7.86587 4.81895 8.36048 4.51809 8.66977C4.36501 8.82716 4.16157 8.90626 3.95805 8.90626Z" fill="#141516"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="content-box">
                                            <p class="eyebrow mb-12">Muscle Max</p>
                                            <a href="product-detail.html" class="product-title h6 fw-500 mb-12">All-Natural Whey Protein</a>

                                            <div class="d-flex align-items-center gap-8 mb-16">
                                                <p class="caption">
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                </p>
                                            </div>
                                            <div class="d-flex align-items-center justify-content-between">
                                                <h5 class="black"><span class="h6 text-decoration-line-through dark-gray">$180.00</span>
                                                    &nbsp; $144.00</h5>
                                                <a href="#" class="sm-btn light" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M18.6356 17.8959C18.1471 14.4776 16.9554 6.13472 16.9554 6.13472C16.9141 5.84569 16.6666 5.63102 16.3746 5.63102H13.8194V3.70419C13.6313 -1.23661 6.54869 -1.23285 6.36241 3.70419V5.63102H3.80728C3.51533 5.63102 3.26784 5.84569 3.22654 6.13472C3.22654 6.13472 2.03482 14.4776 1.5463 17.8959C1.47062 18.4253 1.62823 18.9606 1.97862 19.3644C2.32901 19.7684 2.83657 20 3.37121 20H16.8107C17.3453 20 17.8528 19.7683 18.2033 19.3644C18.5536 18.9606 18.7113 18.4254 18.6356 17.8959ZM7.53575 3.70419C7.66462 0.318209 12.5184 0.320751 12.6461 3.70419V5.63102H7.53575V3.70419ZM17.317 18.5956C17.1896 18.7425 17.005 18.8267 16.8107 18.8267H3.37121C3.17683 18.8267 2.99231 18.7425 2.86489 18.5956C2.73755 18.4488 2.68029 18.2543 2.70779 18.0619C3.12415 15.1487 4.05121 8.65872 4.3161 6.80432H6.36245V8.10277C6.39132 8.88031 7.50716 8.87973 7.53575 8.10277V6.80432H12.6461V8.10277C12.675 8.88031 13.7908 8.87973 13.8194 8.10277V6.80432H15.8658C16.1307 8.65872 17.0578 15.1487 17.4741 18.0619C17.5016 18.2543 17.4443 18.4488 17.317 18.5956Z" class="fill-black"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-block">
                                        <div class="image-box mb-16">
                                            <img src="/forword/picture/5.png" alt="">
                                            <div class="sale-label subtitle">-12%</div>
                                            <div class="shopping-btns">
                                                <a href="#" class="" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <i class="fa-regular fa-eye"></i>
                                                </a>

                                                <a href="javascript:;" class="">
                                                    <i class="fa-light fa-heart"></i>
                                                </a>
                                                <a href="" class="zui-wrapper-button" data-bs-toggle="modal" data-bs-target="#comparepopup">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M16.2238 20C16.0216 20 15.8197 19.922 15.6667 19.7665C15.3642 19.4588 15.3683 18.9642 15.676 18.6617L18.3019 16.0796C18.448 15.9333 18.5284 15.7393 18.5284 15.5331C18.5284 15.3275 18.4485 15.1341 18.3033 14.988L15.679 12.435C14.9636 11.6854 16.0002 10.6208 16.7685 11.315L19.397 13.8721C19.3993 13.8743 19.4016 13.8765 19.4038 13.8788C19.8469 14.3206 20.0909 14.9081 20.0909 15.5332C20.0909 16.1582 19.8468 16.7457 19.4038 17.1875C19.4025 17.1887 19.4012 17.19 19.3999 17.1913L16.7715 19.7759C16.6194 19.9254 16.4215 20 16.2238 20ZM16.2238 16.25H4.77844C2.19375 16.25 0.0909424 14.1472 0.0909424 11.5625V9.57032C0.129341 8.53485 1.6154 8.53563 1.65344 9.57032V11.5625C1.65344 13.2856 3.05532 14.6875 4.77844 14.6875H16.2238C17.2592 14.7259 17.2584 16.212 16.2238 16.25ZM19.3097 11.2109C18.8782 11.2109 18.5284 10.8612 18.5284 10.4297V8.43751C18.5284 6.71438 17.1266 5.31251 15.4034 5.31251H3.95813C2.92266 5.27411 2.92344 3.78806 3.95813 3.75001H15.4034C17.9881 3.75001 20.0909 5.85282 20.0909 8.43751V10.4297C20.0909 10.8612 19.7412 11.2109 19.3097 11.2109ZM3.95805 8.90626C3.76172 8.90626 3.5652 8.83274 3.41336 8.68497L0.784849 6.1279C0.782544 6.12567 0.780278 6.12345 0.778052 6.12118C0.334966 5.67942 0.0909424 5.09192 0.0909424 4.46688C0.0909424 3.84184 0.334966 3.25431 0.778052 2.81259C0.779341 2.8113 0.780591 2.81005 0.78188 2.8088L3.4104 0.224188C3.71805 -0.0783121 4.2127 -0.0741715 4.5152 0.233485C4.8177 0.541141 4.81356 1.03579 4.5059 1.33829L1.87997 3.9204C1.58047 4.20829 1.57985 4.72337 1.87856 5.012L4.5029 7.56501C4.81215 7.86587 4.81895 8.36048 4.51809 8.66977C4.36501 8.82716 4.16157 8.90626 3.95805 8.90626Z" fill="#141516"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="content-box">
                                            <p class="eyebrow mb-12">Muscle Max</p>
                                            <a href="product-detail.html" class="product-title h6 fw-500 mb-12">All-Natural Whey Protein</a>

                                            <div class="d-flex align-items-center gap-8 mb-16">
                                                <p class="caption">
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                </p>
                                            </div>
                                            <div class="d-flex align-items-center justify-content-between">
                                                <h5 class="black"><span class="h6 text-decoration-line-through dark-gray">$180.00</span>
                                                    &nbsp; $144.00</h5>
                                                <a href="#" class="sm-btn light" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M18.6356 17.8959C18.1471 14.4776 16.9554 6.13472 16.9554 6.13472C16.9141 5.84569 16.6666 5.63102 16.3746 5.63102H13.8194V3.70419C13.6313 -1.23661 6.54869 -1.23285 6.36241 3.70419V5.63102H3.80728C3.51533 5.63102 3.26784 5.84569 3.22654 6.13472C3.22654 6.13472 2.03482 14.4776 1.5463 17.8959C1.47062 18.4253 1.62823 18.9606 1.97862 19.3644C2.32901 19.7684 2.83657 20 3.37121 20H16.8107C17.3453 20 17.8528 19.7683 18.2033 19.3644C18.5536 18.9606 18.7113 18.4254 18.6356 17.8959ZM7.53575 3.70419C7.66462 0.318209 12.5184 0.320751 12.6461 3.70419V5.63102H7.53575V3.70419ZM17.317 18.5956C17.1896 18.7425 17.005 18.8267 16.8107 18.8267H3.37121C3.17683 18.8267 2.99231 18.7425 2.86489 18.5956C2.73755 18.4488 2.68029 18.2543 2.70779 18.0619C3.12415 15.1487 4.05121 8.65872 4.3161 6.80432H6.36245V8.10277C6.39132 8.88031 7.50716 8.87973 7.53575 8.10277V6.80432H12.6461V8.10277C12.675 8.88031 13.7908 8.87973 13.8194 8.10277V6.80432H15.8658C16.1307 8.65872 17.0578 15.1487 17.4741 18.0619C17.5016 18.2543 17.4443 18.4488 17.317 18.5956Z" class="fill-black"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-block">
                                        <div class="image-box mb-16">
                                            <img src="/forword/picture/9.png" alt="">
                                            <div class="sale-label subtitle">-12%</div>
                                            <div class="shopping-btns">
                                                <a href="#" class="" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <i class="fa-regular fa-eye"></i>
                                                </a>

                                                <a href="javascript:;" class="">
                                                    <i class="fa-light fa-heart"></i>
                                                </a>
                                                <a href="" class="zui-wrapper-button" data-bs-toggle="modal" data-bs-target="#comparepopup">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M16.2238 20C16.0216 20 15.8197 19.922 15.6667 19.7665C15.3642 19.4588 15.3683 18.9642 15.676 18.6617L18.3019 16.0796C18.448 15.9333 18.5284 15.7393 18.5284 15.5331C18.5284 15.3275 18.4485 15.1341 18.3033 14.988L15.679 12.435C14.9636 11.6854 16.0002 10.6208 16.7685 11.315L19.397 13.8721C19.3993 13.8743 19.4016 13.8765 19.4038 13.8788C19.8469 14.3206 20.0909 14.9081 20.0909 15.5332C20.0909 16.1582 19.8468 16.7457 19.4038 17.1875C19.4025 17.1887 19.4012 17.19 19.3999 17.1913L16.7715 19.7759C16.6194 19.9254 16.4215 20 16.2238 20ZM16.2238 16.25H4.77844C2.19375 16.25 0.0909424 14.1472 0.0909424 11.5625V9.57032C0.129341 8.53485 1.6154 8.53563 1.65344 9.57032V11.5625C1.65344 13.2856 3.05532 14.6875 4.77844 14.6875H16.2238C17.2592 14.7259 17.2584 16.212 16.2238 16.25ZM19.3097 11.2109C18.8782 11.2109 18.5284 10.8612 18.5284 10.4297V8.43751C18.5284 6.71438 17.1266 5.31251 15.4034 5.31251H3.95813C2.92266 5.27411 2.92344 3.78806 3.95813 3.75001H15.4034C17.9881 3.75001 20.0909 5.85282 20.0909 8.43751V10.4297C20.0909 10.8612 19.7412 11.2109 19.3097 11.2109ZM3.95805 8.90626C3.76172 8.90626 3.5652 8.83274 3.41336 8.68497L0.784849 6.1279C0.782544 6.12567 0.780278 6.12345 0.778052 6.12118C0.334966 5.67942 0.0909424 5.09192 0.0909424 4.46688C0.0909424 3.84184 0.334966 3.25431 0.778052 2.81259C0.779341 2.8113 0.780591 2.81005 0.78188 2.8088L3.4104 0.224188C3.71805 -0.0783121 4.2127 -0.0741715 4.5152 0.233485C4.8177 0.541141 4.81356 1.03579 4.5059 1.33829L1.87997 3.9204C1.58047 4.20829 1.57985 4.72337 1.87856 5.012L4.5029 7.56501C4.81215 7.86587 4.81895 8.36048 4.51809 8.66977C4.36501 8.82716 4.16157 8.90626 3.95805 8.90626Z" fill="#141516"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="content-box">
                                            <p class="eyebrow mb-12">Muscle Max</p>
                                            <a href="product-detail.html" class="product-title h6 fw-500 mb-12">All-Natural Whey Protein</a>

                                            <div class="d-flex align-items-center gap-8 mb-16">
                                                <p class="caption">
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                    <i class="fa-solid fa-star-sharp color-quant"></i>
                                                </p>
                                            </div>
                                            <div class="d-flex align-items-center justify-content-between">
                                                <h5 class="black"><span class="h6 text-decoration-line-through dark-gray">$180.00</span>
                                                    &nbsp; $144.00</h5>
                                                <a href="#" class="sm-btn light" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                        <path d="M18.6356 17.8959C18.1471 14.4776 16.9554 6.13472 16.9554 6.13472C16.9141 5.84569 16.6666 5.63102 16.3746 5.63102H13.8194V3.70419C13.6313 -1.23661 6.54869 -1.23285 6.36241 3.70419V5.63102H3.80728C3.51533 5.63102 3.26784 5.84569 3.22654 6.13472C3.22654 6.13472 2.03482 14.4776 1.5463 17.8959C1.47062 18.4253 1.62823 18.9606 1.97862 19.3644C2.32901 19.7684 2.83657 20 3.37121 20H16.8107C17.3453 20 17.8528 19.7683 18.2033 19.3644C18.5536 18.9606 18.7113 18.4254 18.6356 17.8959ZM7.53575 3.70419C7.66462 0.318209 12.5184 0.320751 12.6461 3.70419V5.63102H7.53575V3.70419ZM17.317 18.5956C17.1896 18.7425 17.005 18.8267 16.8107 18.8267H3.37121C3.17683 18.8267 2.99231 18.7425 2.86489 18.5956C2.73755 18.4488 2.68029 18.2543 2.70779 18.0619C3.12415 15.1487 4.05121 8.65872 4.3161 6.80432H6.36245V8.10277C6.39132 8.88031 7.50716 8.87973 7.53575 8.10277V6.80432H12.6461V8.10277C12.675 8.88031 13.7908 8.87973 13.8194 8.10277V6.80432H15.8658C16.1307 8.65872 17.0578 15.1487 17.4741 18.0619C17.5016 18.2543 17.4443 18.4488 17.317 18.5956Z" class="fill-black"></path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="progress" role="progressbar" aria-valuemin="0" aria-valuemax="100">
                                    <span class="slider__label sr-only"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- FEATURE PRODUCTS END -->

            <!-- DEALS SECTION START -->
            <section class="deal-section py-40">
                <div class="container-fluid">
                    <div class="row row-gap-3">
                        <div class="col-xl-4 col-lg-6 col-md-12">
                            <div class="deal-block d-flex align-items-sm-center align-items-start justify-content-between flex-sm-row flex-column gap-24">
                                <div class="d-flex flex-column gap-32">
                                    <div class="d-flex flex-column gap-16">
                                        <div class="tag">Limited Edition</div>
                                        <h4 class="white fw-600">Hurry, While Stocks Last</h4>
                                    </div>
                                    <a href="shop-grid.html" class="text-btn text-16">Our Collections</a>
                                </div>
                                <div class="image-box text-center">
                                    <img src="/forword/picture/sm-1.png" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-6 col-md-12">
                            <div class="deal-block d-flex align-items-sm-center align-items-start justify-content-between flex-sm-row flex-column gap-24">
                                <div class="d-flex flex-column gap-32">
                                    <div class="d-flex flex-column gap-16">
                                        <div class="tag">Top Rated</div>
                                        <h4 class="white fw-600">Our Top Picks, Just for You</h4>
                                    </div>
                                    <a href="shop-grid.html" class="text-btn text-16">Our Collections</a>
                                </div>
                                <div class="image-box text-center">
                                    <img src="/forword/picture/sm-2.png" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-6 col-md-12">
                            <div class="deal-block d-flex align-items-sm-center align-items-start justify-content-between flex-sm-row flex-column gap-24">
                                <div class="d-flex flex-column gap-32">
                                    <div class="d-flex flex-column gap-16">
                                        <div class="tag">Hot Deals Now</div>
                                        <h4 class="white fw-600">Best Deals of the Season</h4>
                                    </div>
                                    <a href="shop-grid.html" class="text-btn text-16">Our Collections</a>
                                </div>
                                <div class="image-box text-center">
                                    <img src="/forword/picture/sm-3.png" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- DEALS SECTION END -->

            <!-- NEWEST PRODUCTS START -->
            <section class="newest-section py-40">
                <div class="container-fluid">
                    <div class="d-flex align-items-center justify-content-between flex-sm-row flex-column gap-sm-0 gap-24 mb-48">
                        <div>
                            <h2 class="fw-600 black mb-12">Trending Products</h2>
                            <p>Explore the latest must-have products everyone’s talking about.</p>
                        </div>
                        <a href="shop-grid.html" class="cus-btn-arrow">
                            View Collection
                            <div class="icon">
                                <i class="fa-light fa-chevron-right"></i>
                            </div>
                        </a>
                    </div>
                    <div class="row row-gap-3">
                        <div class="col-xl-3 col-lg-4 col-sm-6">
                            <div class="product-block">
                                <div class="image-box mb-16">
                                    <img src="/forword/picture/6.png" alt="">
                                    <div class="sale-label subtitle">-20%</div>
                                    <div class="shopping-btns">
                                        <a href="#" class="" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                            <i class="fa-regular fa-eye"></i>
                                        </a>

                                        <a href="javascript:;" class="">
                                            <i class="fa-light fa-heart"></i>
                                        </a>
                                        <a href="" class="zui-wrapper-button" data-bs-toggle="modal" data-bs-target="#comparepopup">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                <path d="M16.2238 20C16.0216 20 15.8197 19.922 15.6667 19.7665C15.3642 19.4588 15.3683 18.9642 15.676 18.6617L18.3019 16.0796C18.448 15.9333 18.5284 15.7393 18.5284 15.5331C18.5284 15.3275 18.4485 15.1341 18.3033 14.988L15.679 12.435C14.9636 11.6854 16.0002 10.6208 16.7685 11.315L19.397 13.8721C19.3993 13.8743 19.4016 13.8765 19.4038 13.8788C19.8469 14.3206 20.0909 14.9081 20.0909 15.5332C20.0909 16.1582 19.8468 16.7457 19.4038 17.1875C19.4025 17.1887 19.4012 17.19 19.3999 17.1913L16.7715 19.7759C16.6194 19.9254 16.4215 20 16.2238 20ZM16.2238 16.25H4.77844C2.19375 16.25 0.0909424 14.1472 0.0909424 11.5625V9.57032C0.129341 8.53485 1.6154 8.53563 1.65344 9.57032V11.5625C1.65344 13.2856 3.05532 14.6875 4.77844 14.6875H16.2238C17.2592 14.7259 17.2584 16.212 16.2238 16.25ZM19.3097 11.2109C18.8782 11.2109 18.5284 10.8612 18.5284 10.4297V8.43751C18.5284 6.71438 17.1266 5.31251 15.4034 5.31251H3.95813C2.92266 5.27411 2.92344 3.78806 3.95813 3.75001H15.4034C17.9881 3.75001 20.0909 5.85282 20.0909 8.43751V10.4297C20.0909 10.8612 19.7412 11.2109 19.3097 11.2109ZM3.95805 8.90626C3.76172 8.90626 3.5652 8.83274 3.41336 8.68497L0.784849 6.1279C0.782544 6.12567 0.780278 6.12345 0.778052 6.12118C0.334966 5.67942 0.0909424 5.09192 0.0909424 4.46688C0.0909424 3.84184 0.334966 3.25431 0.778052 2.81259C0.779341 2.8113 0.780591 2.81005 0.78188 2.8088L3.4104 0.224188C3.71805 -0.0783121 4.2127 -0.0741715 4.5152 0.233485C4.8177 0.541141 4.81356 1.03579 4.5059 1.33829L1.87997 3.9204C1.58047 4.20829 1.57985 4.72337 1.87856 5.012L4.5029 7.56501C4.81215 7.86587 4.81895 8.36048 4.51809 8.66977C4.36501 8.82716 4.16157 8.90626 3.95805 8.90626Z" fill="#141516"></path>
                                            </svg>
                                        </a>
                                    </div>
                                </div>
                                <div class="content-box">
                                    <p class="eyebrow mb-12">Sport Supplements</p>
                                    <a href="product-detail.html" class="product-title h6 fw-500 mb-12">Big Whey - The
                                        Ultimate Whey Protein</a>

                                    <div class="d-flex align-items-center gap-8 mb-16">
                                        <p class="caption">
                                            <i class="fa-solid fa-star-sharp color-quant"></i>
                                            <i class="fa-solid fa-star-sharp color-quant"></i>
                                            <i class="fa-solid fa-star-sharp color-quant"></i>
                                            <i class="fa-solid fa-star-sharp color-quant"></i>
                                            <i class="fa-solid fa-star-sharp color-quant"></i>
                                        </p>
                                    </div>
                                    <div class="d-flex align-items-center justify-content-between">
                                        <h5 class="black"><span class="h6 text-decoration-line-through dark-gray">$180.00</span> &nbsp;
                                            $144.00</h5>
                                        <a href="#" class="sm-btn light" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                <path d="M18.6356 17.8959C18.1471 14.4776 16.9554 6.13472 16.9554 6.13472C16.9141 5.84569 16.6666 5.63102 16.3746 5.63102H13.8194V3.70419C13.6313 -1.23661 6.54869 -1.23285 6.36241 3.70419V5.63102H3.80728C3.51533 5.63102 3.26784 5.84569 3.22654 6.13472C3.22654 6.13472 2.03482 14.4776 1.5463 17.8959C1.47062 18.4253 1.62823 18.9606 1.97862 19.3644C2.32901 19.7684 2.83657 20 3.37121 20H16.8107C17.3453 20 17.8528 19.7683 18.2033 19.3644C18.5536 18.9606 18.7113 18.4254 18.6356 17.8959ZM7.53575 3.70419C7.66462 0.318209 12.5184 0.320751 12.6461 3.70419V5.63102H7.53575V3.70419ZM17.317 18.5956C17.1896 18.7425 17.005 18.8267 16.8107 18.8267H3.37121C3.17683 18.8267 2.99231 18.7425 2.86489 18.5956C2.73755 18.4488 2.68029 18.2543 2.70779 18.0619C3.12415 15.1487 4.05121 8.65872 4.3161 6.80432H6.36245V8.10277C6.39132 8.88031 7.50716 8.87973 7.53575 8.10277V6.80432H12.6461V8.10277C12.675 8.88031 13.7908 8.87973 13.8194 8.10277V6.80432H15.8658C16.1307 8.65872 17.0578 15.1487 17.4741 18.0619C17.5016 18.2543 17.4443 18.4488 17.317 18.5956Z" class="fill-black"></path>
                                            </svg>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-sm-6">
                            <div class="product-block">
                                <div class="image-box mb-16">
                                    <img src="/forword/picture/13.png" alt="">
                                    <div class="sale-label subtitle">-20%</div>
                                    <div class="shopping-btns">
                                        <a href="#" class="" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                            <i class="fa-regular fa-eye"></i>
                                        </a>

                                        <a href="javascript:;" class="">
                                            <i class="fa-light fa-heart"></i>
                                        </a>
                                        <a href="" class="zui-wrapper-button" data-bs-toggle="modal" data-bs-target="#comparepopup">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                <path d="M16.2238 20C16.0216 20 15.8197 19.922 15.6667 19.7665C15.3642 19.4588 15.3683 18.9642 15.676 18.6617L18.3019 16.0796C18.448 15.9333 18.5284 15.7393 18.5284 15.5331C18.5284 15.3275 18.4485 15.1341 18.3033 14.988L15.679 12.435C14.9636 11.6854 16.0002 10.6208 16.7685 11.315L19.397 13.8721C19.3993 13.8743 19.4016 13.8765 19.4038 13.8788C19.8469 14.3206 20.0909 14.9081 20.0909 15.5332C20.0909 16.1582 19.8468 16.7457 19.4038 17.1875C19.4025 17.1887 19.4012 17.19 19.3999 17.1913L16.7715 19.7759C16.6194 19.9254 16.4215 20 16.2238 20ZM16.2238 16.25H4.77844C2.19375 16.25 0.0909424 14.1472 0.0909424 11.5625V9.57032C0.129341 8.53485 1.6154 8.53563 1.65344 9.57032V11.5625C1.65344 13.2856 3.05532 14.6875 4.77844 14.6875H16.2238C17.2592 14.7259 17.2584 16.212 16.2238 16.25ZM19.3097 11.2109C18.8782 11.2109 18.5284 10.8612 18.5284 10.4297V8.43751C18.5284 6.71438 17.1266 5.31251 15.4034 5.31251H3.95813C2.92266 5.27411 2.92344 3.78806 3.95813 3.75001H15.4034C17.9881 3.75001 20.0909 5.85282 20.0909 8.43751V10.4297C20.0909 10.8612 19.7412 11.2109 19.3097 11.2109ZM3.95805 8.90626C3.76172 8.90626 3.5652 8.83274 3.41336 8.68497L0.784849 6.1279C0.782544 6.12567 0.780278 6.12345 0.778052 6.12118C0.334966 5.67942 0.0909424 5.09192 0.0909424 4.46688C0.0909424 3.84184 0.334966 3.25431 0.778052 2.81259C0.779341 2.8113 0.780591 2.81005 0.78188 2.8088L3.4104 0.224188C3.71805 -0.0783121 4.2127 -0.0741715 4.5152 0.233485C4.8177 0.541141 4.81356 1.03579 4.5059 1.33829L1.87997 3.9204C1.58047 4.20829 1.57985 4.72337 1.87856 5.012L4.5029 7.56501C4.81215 7.86587 4.81895 8.36048 4.51809 8.66977C4.36501 8.82716 4.16157 8.90626 3.95805 8.90626Z" fill="#141516"></path>
                                            </svg>
                                        </a>
                                    </div>
                                </div>
                                <div class="content-box">
                                    <p class="eyebrow mb-12">Olimp</p>
                                    <a href="product-detail.html" class="product-title h6 fw-500 mb-12">HMB Xplode
                                        Powder</a>

                                    <div class="d-flex align-items-center gap-8 mb-16">
                                        <p class="caption">
                                            <i class="fa-solid fa-star-sharp color-quant"></i>
                                            <i class="fa-solid fa-star-sharp color-quant"></i>
                                            <i class="fa-solid fa-star-sharp color-quant"></i>
                                            <i class="fa-solid fa-star-sharp color-quant"></i>
                                            <i class="fa-solid fa-star-sharp color-quant"></i>
                                        </p>
                                    </div>
                                    <div class="d-flex align-items-center justify-content-between">
                                        <h5 class="black"><span class="h6 text-decoration-line-through dark-gray">$180.00</span> &nbsp;
                                            $144.00</h5>
                                        <a href="#" class="sm-btn light" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                <path d="M18.6356 17.8959C18.1471 14.4776 16.9554 6.13472 16.9554 6.13472C16.9141 5.84569 16.6666 5.63102 16.3746 5.63102H13.8194V3.70419C13.6313 -1.23661 6.54869 -1.23285 6.36241 3.70419V5.63102H3.80728C3.51533 5.63102 3.26784 5.84569 3.22654 6.13472C3.22654 6.13472 2.03482 14.4776 1.5463 17.8959C1.47062 18.4253 1.62823 18.9606 1.97862 19.3644C2.32901 19.7684 2.83657 20 3.37121 20H16.8107C17.3453 20 17.8528 19.7683 18.2033 19.3644C18.5536 18.9606 18.7113 18.4254 18.6356 17.8959ZM7.53575 3.70419C7.66462 0.318209 12.5184 0.320751 12.6461 3.70419V5.63102H7.53575V3.70419ZM17.317 18.5956C17.1896 18.7425 17.005 18.8267 16.8107 18.8267H3.37121C3.17683 18.8267 2.99231 18.7425 2.86489 18.5956C2.73755 18.4488 2.68029 18.2543 2.70779 18.0619C3.12415 15.1487 4.05121 8.65872 4.3161 6.80432H6.36245V8.10277C6.39132 8.88031 7.50716 8.87973 7.53575 8.10277V6.80432H12.6461V8.10277C12.675 8.88031 13.7908 8.87973 13.8194 8.10277V6.80432H15.8658C16.1307 8.65872 17.0578 15.1487 17.4741 18.0619C17.5016 18.2543 17.4443 18.4488 17.317 18.5956Z" class="fill-black"></path>
                                            </svg>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-sm-6">
                            <div class="product-block">
                                <div class="image-box mb-16">
                                    <img src="/forword/picture/10.png" alt="">
                                    <div class="sale-label subtitle">-20%</div>
                                    <div class="shopping-btns">
                                        <a href="#" class="" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                            <i class="fa-regular fa-eye"></i>
                                        </a>

                                        <a href="javascript:;" class="">
                                            <i class="fa-light fa-heart"></i>
                                        </a>
                                        <a href="" class="zui-wrapper-button" data-bs-toggle="modal" data-bs-target="#comparepopup">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                <path d="M16.2238 20C16.0216 20 15.8197 19.922 15.6667 19.7665C15.3642 19.4588 15.3683 18.9642 15.676 18.6617L18.3019 16.0796C18.448 15.9333 18.5284 15.7393 18.5284 15.5331C18.5284 15.3275 18.4485 15.1341 18.3033 14.988L15.679 12.435C14.9636 11.6854 16.0002 10.6208 16.7685 11.315L19.397 13.8721C19.3993 13.8743 19.4016 13.8765 19.4038 13.8788C19.8469 14.3206 20.0909 14.9081 20.0909 15.5332C20.0909 16.1582 19.8468 16.7457 19.4038 17.1875C19.4025 17.1887 19.4012 17.19 19.3999 17.1913L16.7715 19.7759C16.6194 19.9254 16.4215 20 16.2238 20ZM16.2238 16.25H4.77844C2.19375 16.25 0.0909424 14.1472 0.0909424 11.5625V9.57032C0.129341 8.53485 1.6154 8.53563 1.65344 9.57032V11.5625C1.65344 13.2856 3.05532 14.6875 4.77844 14.6875H16.2238C17.2592 14.7259 17.2584 16.212 16.2238 16.25ZM19.3097 11.2109C18.8782 11.2109 18.5284 10.8612 18.5284 10.4297V8.43751C18.5284 6.71438 17.1266 5.31251 15.4034 5.31251H3.95813C2.92266 5.27411 2.92344 3.78806 3.95813 3.75001H15.4034C17.9881 3.75001 20.0909 5.85282 20.0909 8.43751V10.4297C20.0909 10.8612 19.7412 11.2109 19.3097 11.2109ZM3.95805 8.90626C3.76172 8.90626 3.5652 8.83274 3.41336 8.68497L0.784849 6.1279C0.782544 6.12567 0.780278 6.12345 0.778052 6.12118C0.334966 5.67942 0.0909424 5.09192 0.0909424 4.46688C0.0909424 3.84184 0.334966 3.25431 0.778052 2.81259C0.779341 2.8113 0.780591 2.81005 0.78188 2.8088L3.4104 0.224188C3.71805 -0.0783121 4.2127 -0.0741715 4.5152 0.233485C4.8177 0.541141 4.81356 1.03579 4.5059 1.33829L1.87997 3.9204C1.58047 4.20829 1.57985 4.72337 1.87856 5.012L4.5029 7.56501C4.81215 7.86587 4.81895 8.36048 4.51809 8.66977C4.36501 8.82716 4.16157 8.90626 3.95805 8.90626Z" fill="#141516"></path>
                                            </svg>
                                        </a>
                                    </div>
                                </div>
                                <div class="content-box">
                                    <p class="eyebrow mb-12">Beast Sports Nutrition</p>
                                    <a href="product-detail.html" class="product-title h6 fw-500 mb-12">Beast
                                        Protein</a>

                                    <div class="d-flex align-items-center gap-8 mb-16">
                                        <p class="caption">
                                            <i class="fa-solid fa-star-sharp color-quant"></i>
                                            <i class="fa-solid fa-star-sharp color-quant"></i>
                                            <i class="fa-solid fa-star-sharp color-quant"></i>
                                            <i class="fa-solid fa-star-sharp color-quant"></i>
                                            <i class="fa-solid fa-star-sharp color-quant"></i>
                                        </p>
                                    </div>
                                    <div class="d-flex align-items-center justify-content-between">
                                        <h5 class="black"><span class="h6 text-decoration-line-through dark-gray">$180.00</span> &nbsp;
                                            $144.00</h5>
                                        <a href="#" class="sm-btn light" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                <path d="M18.6356 17.8959C18.1471 14.4776 16.9554 6.13472 16.9554 6.13472C16.9141 5.84569 16.6666 5.63102 16.3746 5.63102H13.8194V3.70419C13.6313 -1.23661 6.54869 -1.23285 6.36241 3.70419V5.63102H3.80728C3.51533 5.63102 3.26784 5.84569 3.22654 6.13472C3.22654 6.13472 2.03482 14.4776 1.5463 17.8959C1.47062 18.4253 1.62823 18.9606 1.97862 19.3644C2.32901 19.7684 2.83657 20 3.37121 20H16.8107C17.3453 20 17.8528 19.7683 18.2033 19.3644C18.5536 18.9606 18.7113 18.4254 18.6356 17.8959ZM7.53575 3.70419C7.66462 0.318209 12.5184 0.320751 12.6461 3.70419V5.63102H7.53575V3.70419ZM17.317 18.5956C17.1896 18.7425 17.005 18.8267 16.8107 18.8267H3.37121C3.17683 18.8267 2.99231 18.7425 2.86489 18.5956C2.73755 18.4488 2.68029 18.2543 2.70779 18.0619C3.12415 15.1487 4.05121 8.65872 4.3161 6.80432H6.36245V8.10277C6.39132 8.88031 7.50716 8.87973 7.53575 8.10277V6.80432H12.6461V8.10277C12.675 8.88031 13.7908 8.87973 13.8194 8.10277V6.80432H15.8658C16.1307 8.65872 17.0578 15.1487 17.4741 18.0619C17.5016 18.2543 17.4443 18.4488 17.317 18.5956Z" class="fill-black"></path>
                                            </svg>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-sm-6">
                            <div class="product-block">
                                <div class="image-box mb-16">
                                    <img src="/forword/picture/14.png" alt="">
                                    <div class="sale-label subtitle">-20%</div>
                                    <div class="shopping-btns">
                                        <a href="#" class="" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                            <i class="fa-regular fa-eye"></i>
                                        </a>

                                        <a href="javascript:;" class="">
                                            <i class="fa-light fa-heart"></i>
                                        </a>
                                        <a href="" class="zui-wrapper-button" data-bs-toggle="modal" data-bs-target="#comparepopup">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                <path d="M16.2238 20C16.0216 20 15.8197 19.922 15.6667 19.7665C15.3642 19.4588 15.3683 18.9642 15.676 18.6617L18.3019 16.0796C18.448 15.9333 18.5284 15.7393 18.5284 15.5331C18.5284 15.3275 18.4485 15.1341 18.3033 14.988L15.679 12.435C14.9636 11.6854 16.0002 10.6208 16.7685 11.315L19.397 13.8721C19.3993 13.8743 19.4016 13.8765 19.4038 13.8788C19.8469 14.3206 20.0909 14.9081 20.0909 15.5332C20.0909 16.1582 19.8468 16.7457 19.4038 17.1875C19.4025 17.1887 19.4012 17.19 19.3999 17.1913L16.7715 19.7759C16.6194 19.9254 16.4215 20 16.2238 20ZM16.2238 16.25H4.77844C2.19375 16.25 0.0909424 14.1472 0.0909424 11.5625V9.57032C0.129341 8.53485 1.6154 8.53563 1.65344 9.57032V11.5625C1.65344 13.2856 3.05532 14.6875 4.77844 14.6875H16.2238C17.2592 14.7259 17.2584 16.212 16.2238 16.25ZM19.3097 11.2109C18.8782 11.2109 18.5284 10.8612 18.5284 10.4297V8.43751C18.5284 6.71438 17.1266 5.31251 15.4034 5.31251H3.95813C2.92266 5.27411 2.92344 3.78806 3.95813 3.75001H15.4034C17.9881 3.75001 20.0909 5.85282 20.0909 8.43751V10.4297C20.0909 10.8612 19.7412 11.2109 19.3097 11.2109ZM3.95805 8.90626C3.76172 8.90626 3.5652 8.83274 3.41336 8.68497L0.784849 6.1279C0.782544 6.12567 0.780278 6.12345 0.778052 6.12118C0.334966 5.67942 0.0909424 5.09192 0.0909424 4.46688C0.0909424 3.84184 0.334966 3.25431 0.778052 2.81259C0.779341 2.8113 0.780591 2.81005 0.78188 2.8088L3.4104 0.224188C3.71805 -0.0783121 4.2127 -0.0741715 4.5152 0.233485C4.8177 0.541141 4.81356 1.03579 4.5059 1.33829L1.87997 3.9204C1.58047 4.20829 1.57985 4.72337 1.87856 5.012L4.5029 7.56501C4.81215 7.86587 4.81895 8.36048 4.51809 8.66977C4.36501 8.82716 4.16157 8.90626 3.95805 8.90626Z" fill="#141516"></path>
                                            </svg>
                                        </a>
                                    </div>
                                </div>
                                <div class="content-box">
                                    <p class="eyebrow mb-12">BSN</p>
                                    <a href="product-detail.html" class="product-title h6 fw-500 mb-12">NO-Xplode
                                        Legendary Pre-Workout</a>

                                    <div class="d-flex align-items-center gap-8 mb-16">
                                        <p class="caption">
                                            <i class="fa-solid fa-star-sharp color-quant"></i>
                                            <i class="fa-solid fa-star-sharp color-quant"></i>
                                            <i class="fa-solid fa-star-sharp color-quant"></i>
                                            <i class="fa-solid fa-star-sharp color-quant"></i>
                                            <i class="fa-solid fa-star-sharp color-quant"></i>
                                        </p>
                                    </div>
                                    <div class="d-flex align-items-center justify-content-between">
                                        <h5 class="black"><span class="h6 text-decoration-line-through dark-gray">$180.00</span> &nbsp;
                                            $144.00</h5>
                                        <a href="#" class="sm-btn light" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                <path d="M18.6356 17.8959C18.1471 14.4776 16.9554 6.13472 16.9554 6.13472C16.9141 5.84569 16.6666 5.63102 16.3746 5.63102H13.8194V3.70419C13.6313 -1.23661 6.54869 -1.23285 6.36241 3.70419V5.63102H3.80728C3.51533 5.63102 3.26784 5.84569 3.22654 6.13472C3.22654 6.13472 2.03482 14.4776 1.5463 17.8959C1.47062 18.4253 1.62823 18.9606 1.97862 19.3644C2.32901 19.7684 2.83657 20 3.37121 20H16.8107C17.3453 20 17.8528 19.7683 18.2033 19.3644C18.5536 18.9606 18.7113 18.4254 18.6356 17.8959ZM7.53575 3.70419C7.66462 0.318209 12.5184 0.320751 12.6461 3.70419V5.63102H7.53575V3.70419ZM17.317 18.5956C17.1896 18.7425 17.005 18.8267 16.8107 18.8267H3.37121C3.17683 18.8267 2.99231 18.7425 2.86489 18.5956C2.73755 18.4488 2.68029 18.2543 2.70779 18.0619C3.12415 15.1487 4.05121 8.65872 4.3161 6.80432H6.36245V8.10277C6.39132 8.88031 7.50716 8.87973 7.53575 8.10277V6.80432H12.6461V8.10277C12.675 8.88031 13.7908 8.87973 13.8194 8.10277V6.80432H15.8658C16.1307 8.65872 17.0578 15.1487 17.4741 18.0619C17.5016 18.2543 17.4443 18.4488 17.317 18.5956Z" class="fill-black"></path>
                                            </svg>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-sm-6">
                            <div class="product-block">
                                <div class="image-box mb-16">
                                    <img src="/forword/picture/15.png" alt="">
                                    <div class="sale-label subtitle">-20%</div>
                                    <div class="shopping-btns">
                                        <a href="#" class="" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                            <i class="fa-regular fa-eye"></i>
                                        </a>

                                        <a href="javascript:;" class="">
                                            <i class="fa-light fa-heart"></i>
                                        </a>
                                        <a href="" class="zui-wrapper-button" data-bs-toggle="modal" data-bs-target="#comparepopup">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                <path d="M16.2238 20C16.0216 20 15.8197 19.922 15.6667 19.7665C15.3642 19.4588 15.3683 18.9642 15.676 18.6617L18.3019 16.0796C18.448 15.9333 18.5284 15.7393 18.5284 15.5331C18.5284 15.3275 18.4485 15.1341 18.3033 14.988L15.679 12.435C14.9636 11.6854 16.0002 10.6208 16.7685 11.315L19.397 13.8721C19.3993 13.8743 19.4016 13.8765 19.4038 13.8788C19.8469 14.3206 20.0909 14.9081 20.0909 15.5332C20.0909 16.1582 19.8468 16.7457 19.4038 17.1875C19.4025 17.1887 19.4012 17.19 19.3999 17.1913L16.7715 19.7759C16.6194 19.9254 16.4215 20 16.2238 20ZM16.2238 16.25H4.77844C2.19375 16.25 0.0909424 14.1472 0.0909424 11.5625V9.57032C0.129341 8.53485 1.6154 8.53563 1.65344 9.57032V11.5625C1.65344 13.2856 3.05532 14.6875 4.77844 14.6875H16.2238C17.2592 14.7259 17.2584 16.212 16.2238 16.25ZM19.3097 11.2109C18.8782 11.2109 18.5284 10.8612 18.5284 10.4297V8.43751C18.5284 6.71438 17.1266 5.31251 15.4034 5.31251H3.95813C2.92266 5.27411 2.92344 3.78806 3.95813 3.75001H15.4034C17.9881 3.75001 20.0909 5.85282 20.0909 8.43751V10.4297C20.0909 10.8612 19.7412 11.2109 19.3097 11.2109ZM3.95805 8.90626C3.76172 8.90626 3.5652 8.83274 3.41336 8.68497L0.784849 6.1279C0.782544 6.12567 0.780278 6.12345 0.778052 6.12118C0.334966 5.67942 0.0909424 5.09192 0.0909424 4.46688C0.0909424 3.84184 0.334966 3.25431 0.778052 2.81259C0.779341 2.8113 0.780591 2.81005 0.78188 2.8088L3.4104 0.224188C3.71805 -0.0783121 4.2127 -0.0741715 4.5152 0.233485C4.8177 0.541141 4.81356 1.03579 4.5059 1.33829L1.87997 3.9204C1.58047 4.20829 1.57985 4.72337 1.87856 5.012L4.5029 7.56501C4.81215 7.86587 4.81895 8.36048 4.51809 8.66977C4.36501 8.82716 4.16157 8.90626 3.95805 8.90626Z" fill="#141516"></path>
                                            </svg>
                                        </a>
                                    </div>
                                </div>
                                <div class="content-box">
                                    <p class="eyebrow mb-12">USN</p>
                                    <a href="product-detail.html" class="product-title h6 fw-500 mb-12">Blue Lab 100%
                                        Whey</a>

                                    <div class="d-flex align-items-center gap-8 mb-16">
                                        <p class="caption">
                                            <i class="fa-solid fa-star-sharp color-quant"></i>
                                            <i class="fa-solid fa-star-sharp color-quant"></i>
                                            <i class="fa-solid fa-star-sharp color-quant"></i>
                                            <i class="fa-solid fa-star-sharp color-quant"></i>
                                            <i class="fa-solid fa-star-sharp color-quant"></i>
                                        </p>
                                    </div>
                                    <div class="d-flex align-items-center justify-content-between">
                                        <h5 class="black"><span class="h6 text-decoration-line-through dark-gray">$180.00</span> &nbsp;
                                            $144.00</h5>
                                        <a href="#" class="sm-btn light" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                <path d="M18.6356 17.8959C18.1471 14.4776 16.9554 6.13472 16.9554 6.13472C16.9141 5.84569 16.6666 5.63102 16.3746 5.63102H13.8194V3.70419C13.6313 -1.23661 6.54869 -1.23285 6.36241 3.70419V5.63102H3.80728C3.51533 5.63102 3.26784 5.84569 3.22654 6.13472C3.22654 6.13472 2.03482 14.4776 1.5463 17.8959C1.47062 18.4253 1.62823 18.9606 1.97862 19.3644C2.32901 19.7684 2.83657 20 3.37121 20H16.8107C17.3453 20 17.8528 19.7683 18.2033 19.3644C18.5536 18.9606 18.7113 18.4254 18.6356 17.8959ZM7.53575 3.70419C7.66462 0.318209 12.5184 0.320751 12.6461 3.70419V5.63102H7.53575V3.70419ZM17.317 18.5956C17.1896 18.7425 17.005 18.8267 16.8107 18.8267H3.37121C3.17683 18.8267 2.99231 18.7425 2.86489 18.5956C2.73755 18.4488 2.68029 18.2543 2.70779 18.0619C3.12415 15.1487 4.05121 8.65872 4.3161 6.80432H6.36245V8.10277C6.39132 8.88031 7.50716 8.87973 7.53575 8.10277V6.80432H12.6461V8.10277C12.675 8.88031 13.7908 8.87973 13.8194 8.10277V6.80432H15.8658C16.1307 8.65872 17.0578 15.1487 17.4741 18.0619C17.5016 18.2543 17.4443 18.4488 17.317 18.5956Z" class="fill-black"></path>
                                            </svg>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-sm-6">
                            <div class="product-block">
                                <div class="image-box mb-16">
                                    <img src="/forword/picture/16.png" alt="">
                                    <div class="sale-label subtitle">-20%</div>
                                    <div class="shopping-btns">
                                        <a href="#" class="" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                            <i class="fa-regular fa-eye"></i>
                                        </a>
                                        <a href="javascript:;" class="">
                                            <i class="fa-light fa-heart"></i>
                                        </a>
                                        <a href="" class="zui-wrapper-button" data-bs-toggle="modal" data-bs-target="#comparepopup">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                <path d="M16.2238 20C16.0216 20 15.8197 19.922 15.6667 19.7665C15.3642 19.4588 15.3683 18.9642 15.676 18.6617L18.3019 16.0796C18.448 15.9333 18.5284 15.7393 18.5284 15.5331C18.5284 15.3275 18.4485 15.1341 18.3033 14.988L15.679 12.435C14.9636 11.6854 16.0002 10.6208 16.7685 11.315L19.397 13.8721C19.3993 13.8743 19.4016 13.8765 19.4038 13.8788C19.8469 14.3206 20.0909 14.9081 20.0909 15.5332C20.0909 16.1582 19.8468 16.7457 19.4038 17.1875C19.4025 17.1887 19.4012 17.19 19.3999 17.1913L16.7715 19.7759C16.6194 19.9254 16.4215 20 16.2238 20ZM16.2238 16.25H4.77844C2.19375 16.25 0.0909424 14.1472 0.0909424 11.5625V9.57032C0.129341 8.53485 1.6154 8.53563 1.65344 9.57032V11.5625C1.65344 13.2856 3.05532 14.6875 4.77844 14.6875H16.2238C17.2592 14.7259 17.2584 16.212 16.2238 16.25ZM19.3097 11.2109C18.8782 11.2109 18.5284 10.8612 18.5284 10.4297V8.43751C18.5284 6.71438 17.1266 5.31251 15.4034 5.31251H3.95813C2.92266 5.27411 2.92344 3.78806 3.95813 3.75001H15.4034C17.9881 3.75001 20.0909 5.85282 20.0909 8.43751V10.4297C20.0909 10.8612 19.7412 11.2109 19.3097 11.2109ZM3.95805 8.90626C3.76172 8.90626 3.5652 8.83274 3.41336 8.68497L0.784849 6.1279C0.782544 6.12567 0.780278 6.12345 0.778052 6.12118C0.334966 5.67942 0.0909424 5.09192 0.0909424 4.46688C0.0909424 3.84184 0.334966 3.25431 0.778052 2.81259C0.779341 2.8113 0.780591 2.81005 0.78188 2.8088L3.4104 0.224188C3.71805 -0.0783121 4.2127 -0.0741715 4.5152 0.233485C4.8177 0.541141 4.81356 1.03579 4.5059 1.33829L1.87997 3.9204C1.58047 4.20829 1.57985 4.72337 1.87856 5.012L4.5029 7.56501C4.81215 7.86587 4.81895 8.36048 4.51809 8.66977C4.36501 8.82716 4.16157 8.90626 3.95805 8.90626Z" fill="#141516"></path>
                                            </svg>
                                        </a>
                                    </div>
                                </div>
                                <div class="content-box">
                                    <p class="eyebrow mb-12">NPL</p>
                                    <a href="product-detail.html" class="product-title h6 fw-500 mb-12">Pure
                                        Maltodextrin</a>

                                    <div class="d-flex align-items-center gap-8 mb-16">
                                        <p class="caption">
                                            <i class="fa-solid fa-star-sharp color-quant"></i>
                                            <i class="fa-solid fa-star-sharp color-quant"></i>
                                            <i class="fa-solid fa-star-sharp color-quant"></i>
                                            <i class="fa-solid fa-star-sharp color-quant"></i>
                                            <i class="fa-solid fa-star-sharp color-quant"></i>
                                        </p>
                                    </div>
                                    <div class="d-flex align-items-center justify-content-between">
                                        <h5 class="black"><span class="h6 text-decoration-line-through dark-gray">$180.00</span> &nbsp;
                                            $144.00</h5>
                                        <a href="#" class="sm-btn light" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                <path d="M18.6356 17.8959C18.1471 14.4776 16.9554 6.13472 16.9554 6.13472C16.9141 5.84569 16.6666 5.63102 16.3746 5.63102H13.8194V3.70419C13.6313 -1.23661 6.54869 -1.23285 6.36241 3.70419V5.63102H3.80728C3.51533 5.63102 3.26784 5.84569 3.22654 6.13472C3.22654 6.13472 2.03482 14.4776 1.5463 17.8959C1.47062 18.4253 1.62823 18.9606 1.97862 19.3644C2.32901 19.7684 2.83657 20 3.37121 20H16.8107C17.3453 20 17.8528 19.7683 18.2033 19.3644C18.5536 18.9606 18.7113 18.4254 18.6356 17.8959ZM7.53575 3.70419C7.66462 0.318209 12.5184 0.320751 12.6461 3.70419V5.63102H7.53575V3.70419ZM17.317 18.5956C17.1896 18.7425 17.005 18.8267 16.8107 18.8267H3.37121C3.17683 18.8267 2.99231 18.7425 2.86489 18.5956C2.73755 18.4488 2.68029 18.2543 2.70779 18.0619C3.12415 15.1487 4.05121 8.65872 4.3161 6.80432H6.36245V8.10277C6.39132 8.88031 7.50716 8.87973 7.53575 8.10277V6.80432H12.6461V8.10277C12.675 8.88031 13.7908 8.87973 13.8194 8.10277V6.80432H15.8658C16.1307 8.65872 17.0578 15.1487 17.4741 18.0619C17.5016 18.2543 17.4443 18.4488 17.317 18.5956Z" class="fill-black"></path>
                                            </svg>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-sm-6">
                            <div class="product-block">
                                <div class="image-box mb-16">
                                    <img src="/forword/picture/12.png" alt="">
                                    <div class="sale-label subtitle">-20%</div>
                                    <div class="shopping-btns">
                                        <a href="#" class="" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                            <i class="fa-regular fa-eye"></i>
                                        </a>

                                        <a href="javascript:;" class="">
                                            <i class="fa-light fa-heart"></i>
                                        </a>
                                        <a href="" class="zui-wrapper-button" data-bs-toggle="modal" data-bs-target="#comparepopup">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                <path d="M16.2238 20C16.0216 20 15.8197 19.922 15.6667 19.7665C15.3642 19.4588 15.3683 18.9642 15.676 18.6617L18.3019 16.0796C18.448 15.9333 18.5284 15.7393 18.5284 15.5331C18.5284 15.3275 18.4485 15.1341 18.3033 14.988L15.679 12.435C14.9636 11.6854 16.0002 10.6208 16.7685 11.315L19.397 13.8721C19.3993 13.8743 19.4016 13.8765 19.4038 13.8788C19.8469 14.3206 20.0909 14.9081 20.0909 15.5332C20.0909 16.1582 19.8468 16.7457 19.4038 17.1875C19.4025 17.1887 19.4012 17.19 19.3999 17.1913L16.7715 19.7759C16.6194 19.9254 16.4215 20 16.2238 20ZM16.2238 16.25H4.77844C2.19375 16.25 0.0909424 14.1472 0.0909424 11.5625V9.57032C0.129341 8.53485 1.6154 8.53563 1.65344 9.57032V11.5625C1.65344 13.2856 3.05532 14.6875 4.77844 14.6875H16.2238C17.2592 14.7259 17.2584 16.212 16.2238 16.25ZM19.3097 11.2109C18.8782 11.2109 18.5284 10.8612 18.5284 10.4297V8.43751C18.5284 6.71438 17.1266 5.31251 15.4034 5.31251H3.95813C2.92266 5.27411 2.92344 3.78806 3.95813 3.75001H15.4034C17.9881 3.75001 20.0909 5.85282 20.0909 8.43751V10.4297C20.0909 10.8612 19.7412 11.2109 19.3097 11.2109ZM3.95805 8.90626C3.76172 8.90626 3.5652 8.83274 3.41336 8.68497L0.784849 6.1279C0.782544 6.12567 0.780278 6.12345 0.778052 6.12118C0.334966 5.67942 0.0909424 5.09192 0.0909424 4.46688C0.0909424 3.84184 0.334966 3.25431 0.778052 2.81259C0.779341 2.8113 0.780591 2.81005 0.78188 2.8088L3.4104 0.224188C3.71805 -0.0783121 4.2127 -0.0741715 4.5152 0.233485C4.8177 0.541141 4.81356 1.03579 4.5059 1.33829L1.87997 3.9204C1.58047 4.20829 1.57985 4.72337 1.87856 5.012L4.5029 7.56501C4.81215 7.86587 4.81895 8.36048 4.51809 8.66977C4.36501 8.82716 4.16157 8.90626 3.95805 8.90626Z" fill="#141516"></path>
                                            </svg>
                                        </a>
                                    </div>
                                </div>
                                <div class="content-box">
                                    <p class="eyebrow mb-12">CNP Professional</p>
                                    <a href="product-detail.html" class="product-title h6 fw-500 mb-12">Diet MRP High
                                        Protein Meal</a>

                                    <div class="d-flex align-items-center gap-8 mb-16">
                                        <p class="caption">
                                            <i class="fa-solid fa-star-sharp color-quant"></i>
                                            <i class="fa-solid fa-star-sharp color-quant"></i>
                                            <i class="fa-solid fa-star-sharp color-quant"></i>
                                            <i class="fa-solid fa-star-sharp color-quant"></i>
                                            <i class="fa-solid fa-star-sharp color-quant"></i>
                                        </p>
                                    </div>
                                    <div class="d-flex align-items-center justify-content-between">
                                        <h5 class="black"><span class="h6 text-decoration-line-through dark-gray">$180.00</span> &nbsp;
                                            $144.00</h5>
                                        <a href="#" class="sm-btn light" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                <path d="M18.6356 17.8959C18.1471 14.4776 16.9554 6.13472 16.9554 6.13472C16.9141 5.84569 16.6666 5.63102 16.3746 5.63102H13.8194V3.70419C13.6313 -1.23661 6.54869 -1.23285 6.36241 3.70419V5.63102H3.80728C3.51533 5.63102 3.26784 5.84569 3.22654 6.13472C3.22654 6.13472 2.03482 14.4776 1.5463 17.8959C1.47062 18.4253 1.62823 18.9606 1.97862 19.3644C2.32901 19.7684 2.83657 20 3.37121 20H16.8107C17.3453 20 17.8528 19.7683 18.2033 19.3644C18.5536 18.9606 18.7113 18.4254 18.6356 17.8959ZM7.53575 3.70419C7.66462 0.318209 12.5184 0.320751 12.6461 3.70419V5.63102H7.53575V3.70419ZM17.317 18.5956C17.1896 18.7425 17.005 18.8267 16.8107 18.8267H3.37121C3.17683 18.8267 2.99231 18.7425 2.86489 18.5956C2.73755 18.4488 2.68029 18.2543 2.70779 18.0619C3.12415 15.1487 4.05121 8.65872 4.3161 6.80432H6.36245V8.10277C6.39132 8.88031 7.50716 8.87973 7.53575 8.10277V6.80432H12.6461V8.10277C12.675 8.88031 13.7908 8.87973 13.8194 8.10277V6.80432H15.8658C16.1307 8.65872 17.0578 15.1487 17.4741 18.0619C17.5016 18.2543 17.4443 18.4488 17.317 18.5956Z" class="fill-black"></path>
                                            </svg>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-sm-6">
                            <div class="product-block">
                                <div class="image-box mb-16">
                                    <img src="/forword/picture/8.png" alt="">
                                    <div class="sale-label subtitle">-20%</div>
                                    <div class="shopping-btns">
                                        <a href="#" class="" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                            <i class="fa-regular fa-eye"></i>
                                        </a>

                                        <a href="javascript:;" class="">
                                            <i class="fa-light fa-heart"></i>
                                        </a>
                                        <a href="" class="zui-wrapper-button" data-bs-toggle="modal" data-bs-target="#comparepopup">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                <path d="M16.2238 20C16.0216 20 15.8197 19.922 15.6667 19.7665C15.3642 19.4588 15.3683 18.9642 15.676 18.6617L18.3019 16.0796C18.448 15.9333 18.5284 15.7393 18.5284 15.5331C18.5284 15.3275 18.4485 15.1341 18.3033 14.988L15.679 12.435C14.9636 11.6854 16.0002 10.6208 16.7685 11.315L19.397 13.8721C19.3993 13.8743 19.4016 13.8765 19.4038 13.8788C19.8469 14.3206 20.0909 14.9081 20.0909 15.5332C20.0909 16.1582 19.8468 16.7457 19.4038 17.1875C19.4025 17.1887 19.4012 17.19 19.3999 17.1913L16.7715 19.7759C16.6194 19.9254 16.4215 20 16.2238 20ZM16.2238 16.25H4.77844C2.19375 16.25 0.0909424 14.1472 0.0909424 11.5625V9.57032C0.129341 8.53485 1.6154 8.53563 1.65344 9.57032V11.5625C1.65344 13.2856 3.05532 14.6875 4.77844 14.6875H16.2238C17.2592 14.7259 17.2584 16.212 16.2238 16.25ZM19.3097 11.2109C18.8782 11.2109 18.5284 10.8612 18.5284 10.4297V8.43751C18.5284 6.71438 17.1266 5.31251 15.4034 5.31251H3.95813C2.92266 5.27411 2.92344 3.78806 3.95813 3.75001H15.4034C17.9881 3.75001 20.0909 5.85282 20.0909 8.43751V10.4297C20.0909 10.8612 19.7412 11.2109 19.3097 11.2109ZM3.95805 8.90626C3.76172 8.90626 3.5652 8.83274 3.41336 8.68497L0.784849 6.1279C0.782544 6.12567 0.780278 6.12345 0.778052 6.12118C0.334966 5.67942 0.0909424 5.09192 0.0909424 4.46688C0.0909424 3.84184 0.334966 3.25431 0.778052 2.81259C0.779341 2.8113 0.780591 2.81005 0.78188 2.8088L3.4104 0.224188C3.71805 -0.0783121 4.2127 -0.0741715 4.5152 0.233485C4.8177 0.541141 4.81356 1.03579 4.5059 1.33829L1.87997 3.9204C1.58047 4.20829 1.57985 4.72337 1.87856 5.012L4.5029 7.56501C4.81215 7.86587 4.81895 8.36048 4.51809 8.66977C4.36501 8.82716 4.16157 8.90626 3.95805 8.90626Z" fill="#141516"></path>
                                            </svg>
                                        </a>
                                    </div>
                                </div>
                                <div class="content-box">
                                    <p class="eyebrow mb-12">NPL</p>
                                    <a href="product-detail.html" class="product-title h6 fw-500 mb-12">Pure
                                        Maltodextrin</a>

                                    <div class="d-flex align-items-center gap-8 mb-16">
                                        <p class="caption">
                                            <i class="fa-solid fa-star-sharp color-quant"></i>
                                            <i class="fa-solid fa-star-sharp color-quant"></i>
                                            <i class="fa-solid fa-star-sharp color-quant"></i>
                                            <i class="fa-solid fa-star-sharp color-quant"></i>
                                            <i class="fa-solid fa-star-sharp color-quant"></i>
                                        </p>
                                    </div>
                                    <div class="d-flex align-items-center justify-content-between">
                                        <h5 class="black"><span class="h6 text-decoration-line-through dark-gray">$180.00</span> &nbsp;
                                            $144.00</h5>
                                        <a href="#" class="sm-btn light" data-bs-toggle="modal" data-bs-target="#productQuickView">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                <path d="M18.6356 17.8959C18.1471 14.4776 16.9554 6.13472 16.9554 6.13472C16.9141 5.84569 16.6666 5.63102 16.3746 5.63102H13.8194V3.70419C13.6313 -1.23661 6.54869 -1.23285 6.36241 3.70419V5.63102H3.80728C3.51533 5.63102 3.26784 5.84569 3.22654 6.13472C3.22654 6.13472 2.03482 14.4776 1.5463 17.8959C1.47062 18.4253 1.62823 18.9606 1.97862 19.3644C2.32901 19.7684 2.83657 20 3.37121 20H16.8107C17.3453 20 17.8528 19.7683 18.2033 19.3644C18.5536 18.9606 18.7113 18.4254 18.6356 17.8959ZM7.53575 3.70419C7.66462 0.318209 12.5184 0.320751 12.6461 3.70419V5.63102H7.53575V3.70419ZM17.317 18.5956C17.1896 18.7425 17.005 18.8267 16.8107 18.8267H3.37121C3.17683 18.8267 2.99231 18.7425 2.86489 18.5956C2.73755 18.4488 2.68029 18.2543 2.70779 18.0619C3.12415 15.1487 4.05121 8.65872 4.3161 6.80432H6.36245V8.10277C6.39132 8.88031 7.50716 8.87973 7.53575 8.10277V6.80432H12.6461V8.10277C12.675 8.88031 13.7908 8.87973 13.8194 8.10277V6.80432H15.8658C16.1307 8.65872 17.0578 15.1487 17.4741 18.0619C17.5016 18.2543 17.4443 18.4488 17.317 18.5956Z" class="fill-black"></path>
                                            </svg>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- NEWEST PRODUCTS END -->

            <!-- BENEFITS SECTION START -->
            <section class="benefit-section py-40">
                <div class="container-fluid">
                    <div class="d-flex align-content-end justify-content-between flex-sm-row flex-column gap-sm-0 gap-24 mb-48">
                        <div>
                            <h2 class="fw-600 black mb-12">Why Choose Us</h2>
                            <p>Experience unmatched quality, trust, and results with our premium products.</p>
                        </div>
                    </div>
                    <div class="row row-gap-3">
                        <div class="col-xl-3 col-lg-4 col-sm-6">
                            <div class="benefit-block d-flex flex-column gap-24 p-24 ">
                                <div class="benefit-icon">
                                    <img src="/forword/picture/quality-icon-3.png" alt="">
                                </div>
                                <div class="d-flex flex-column gap-12 black">
                                    <h6>Free Shipping</h6>
                                    <p>Free shipping on everything, arriving directly at your door!</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-sm-6">
                            <div class="benefit-block d-flex flex-column gap-24 p-24 ">
                                <div class="benefit-icon">
                                    <img src="/forword/picture/quality-icon-2.png" alt="">
                                </div>
                                <div class="d-flex flex-column gap-12 black">
                                    <h6>Gift Package</h6>
                                    <p>Memorable gifts with stylish packaging, perfect for any occasion!</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-sm-6">
                            <div class="benefit-block d-flex flex-column gap-24 p-24 ">
                                <div class="benefit-icon">
                                    <img src="/forword/picture/quality-icon-1.png" alt="">
                                </div>
                                <div class="d-flex flex-column gap-12 black">
                                    <h6>One Year Warranty</h6>
                                    <p>Enjoy peace of mind with our one-year warranty on all jewelry purchases.</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-sm-6">
                            <div class="benefit-block d-flex flex-column gap-24 p-24 ">
                                <div class="benefit-icon">
                                    <img src="/forword/picture/quality-icon-4.png" alt="">
                                </div>
                                <div class="d-flex flex-column gap-12 black">
                                    <h6>Easy Returns</h6>
                                    <p>Stress-free returns for peace of mind, ensuring your satisfaction with every
                                        purchase.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- BENEFITS SECTION END -->

            <!-- SALE BANNER START -->
            <section class="sale-banner py-40">
                <div class="container-fluid">
                    <div class="sale-block p-24">
                        <div class=" row align-items-center">
                            <div class="col-lg-6 col-md-8">
                                <div class="sale-text d-flex flex-column gap-32">
                                    <div class="d-flex flex-column gap-16">
                                        <div class="tag">Exclusive Offer</div>
                                        <h2 class="white"><span class="color-primary">20% OFF</span> on Upcoming
                                            Products!</h2>
                                    </div>
                                    <a href="shop-grid-sidebar.html" class="cus-btn-arrow light">
                                        Shop Now
                                        <div class="icon">
                                            <i class="fa-light fa-chevron-right"></i>
                                        </div>
                                    </a>
                                    <ul class="unstyled countdown d-flex align-items-stretch gap-16">
                                        <li>
                                            <h3>365</h3>
                                            <p>Days</p>
                                        </li>
                                        <li>
                                            <h3>24</h3>
                                            <p>Hrs</p>
                                        </li>
                                        <li>
                                            <h3>60</h3>
                                            <p>Min</p>
                                        </li>
                                        <li>
                                            <h3>60</h3>
                                            <p>Secs</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-4">
                                <div class="sale-image text-end">
                                    <img src="/forword/picture/products.png" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- SALE BANNER END -->

            <!-- TESTIMONIALS START -->
            <section class="testimonial-section py-40">
                <div class="container-fluid">
                    <div class="d-flex align-content-end justify-content-between flex-sm-row flex-column gap-sm-0 gap-24 mb-48">
                        <div>
                            <h2 class="fw-600 black mb-12">Testimonials</h2>
                            <p>Hear from our satisfied customers who’ve transformed their journey with us.</p>
                        </div>
                    </div>
                    <div class="slider-container">
                        <div class="testimonials-slider">
                            <div class="testimonials-block d-flex flex-column gap-32 bg-lightest-gray p-24 br-12">
                                <div class="d-flex flex-column gap-16">
                                    <div class="d-flex align-items-center ">
                                        <i class="fa-solid fa-star-sharp color-quant"></i>
                                        <i class="fa-solid fa-star-sharp color-quant"></i>
                                        <i class="fa-solid fa-star-sharp color-quant"></i>
                                        <i class="fa-solid fa-star-sharp color-quant"></i>
                                        <i class="fa-solid fa-star-sharp color-quant"></i>
                                    </div>
                                    <p class="dark-gray">“Amazing products! I’ve seen incredible results since
                                        using Tangine supplements. I’ve gained muscle, and my energy levels are through
                                        the roof. Highly recommend to anyone serious about fitness.”</p>
                                </div>
                                <div class="d-flex align-items-center justify-content-between">
                                    <div class="d-flex align-items-center gap-16">
                                        <img src="/forword/picture/user-1.png" alt="user" class="user-image">
                                        <div class="d-flex flex-column black">
                                            <h6 class=" mb-8">Stephen Robert</h6>
                                            <p>Customer</p>
                                        </div>
                                    </div>
                                    <img src="/forword/picture/quote.png" alt="quote">
                                </div>
                            </div>
                            <div class="testimonials-block d-flex flex-column gap-32 bg-lightest-gray p-24 br-12">
                                <div class="d-flex flex-column gap-16">
                                    <div class="d-flex align-items-center ">
                                        <i class="fa-solid fa-star-sharp color-quant"></i>
                                        <i class="fa-solid fa-star-sharp color-quant"></i>
                                        <i class="fa-solid fa-star-sharp color-quant"></i>
                                        <i class="fa-solid fa-star-sharp color-quant"></i>
                                        <i class="fa-solid fa-star-sharp color-quant"></i>
                                    </div>
                                    <p class="dark-gray">“Great value for the price! The customer service is
                                        outstanding. I appreciate the hassle-free returns policy. It makes the shopping
                                        experience stress-free and enjoyable.”</p>
                                </div>
                                <div class="d-flex align-items-center justify-content-between">
                                    <div class="d-flex align-items-center gap-16">
                                        <img src="/forword/picture/user-2.png" alt="user" class="user-image">
                                        <div class="d-flex flex-column black">
                                            <h6 class=" mb-8">Bella Alison</h6>
                                            <p>Customer</p>
                                        </div>
                                    </div>
                                    <img src="/forword/picture/quote.png" alt="quote">
                                </div>
                            </div>
                            <div class="testimonials-block d-flex flex-column gap-32 bg-lightest-gray p-24 br-12">
                                <div class="d-flex flex-column gap-16">
                                    <div class="d-flex align-items-center ">
                                        <i class="fa-solid fa-star-sharp color-quant"></i>
                                        <i class="fa-solid fa-star-sharp color-quant"></i>
                                        <i class="fa-solid fa-star-sharp color-quant"></i>
                                        <i class="fa-solid fa-star-sharp color-quant"></i>
                                        <i class="fa-solid fa-star-sharp color-quant"></i>
                                    </div>
                                    <p class="dark-gray">“Top-quality supplements with fast delivery. I’m super
                                        satisfied! Tangine always exceeds my expectations, and their products really
                                        work. I’ll definitely be a returning customer.”</p>
                                </div>
                                <div class="d-flex align-items-center justify-content-between">
                                    <div class="d-flex align-items-center gap-16">
                                        <img src="/forword/picture/user-3.png" alt="user" class="user-image">
                                        <div class="d-flex flex-column black">
                                            <h6 class=" mb-8">Leslie Heaney</h6>
                                            <p>Customer</p>
                                        </div>
                                    </div>
                                    <img src="/forword/picture/quote.png" alt="quote">
                                </div>
                            </div>
                            <div class="testimonials-block d-flex flex-column gap-32 bg-lightest-gray p-24 br-12">
                                <div class="d-flex flex-column gap-16">
                                    <div class="d-flex align-items-center ">
                                        <i class="fa-solid fa-star-sharp color-quant"></i>
                                        <i class="fa-solid fa-star-sharp color-quant"></i>
                                        <i class="fa-solid fa-star-sharp color-quant"></i>
                                        <i class="fa-solid fa-star-sharp color-quant"></i>
                                        <i class="fa-solid fa-star-sharp color-quant"></i>
                                    </div>
                                    <p class="dark-gray">“Amazing products! I’ve seen incredible results since
                                        using Tangine supplements. I’ve gained muscle, and my energy levels are through
                                        the roof. Highly recommend to anyone serious about fitness.”</p>
                                </div>
                                <div class="d-flex align-items-center justify-content-between">
                                    <div class="d-flex align-items-center gap-16">
                                        <img src="/forword/picture/user-1.png" alt="user" class="user-image">
                                        <div class="d-flex flex-column black">
                                            <h6 class=" mb-8">Stephen Robert</h6>
                                            <p>Customer</p>
                                        </div>
                                    </div>
                                    <img src="/forword/picture/quote.png" alt="quote">
                                </div>
                            </div>
                        </div>
                        <div class="progress" role="progressbar" aria-valuemin="0" aria-valuemax="100">
                            <span class="slider__label sr-only"></span>
                        </div>
                    </div>
                </div>
            </section>
            <!-- TESTIMONIALS END -->

            <!-- BLOGS SECTION START -->
            <section class="blog-section pt-40">
                <div class="container-fluid">
                    <div class="d-flex align-items-center justify-content-between flex-sm-row flex-column gap-sm-0 gap-24 mb-48">
                        <div>
                            <h2 class="fw-600 black mb-12">Our Resent Blogs</h2>
                            <p>Catch up on the latest insights, tips, and trends from our recent blogs.</p>
                        </div>
                        <a href="blog-grid.html" class="cus-btn-arrow">
                            See More Blogs
                            <div class="icon">
                                <i class="fa-light fa-chevron-right"></i>
                            </div>
                        </a>
                    </div>
                    <div class="row row-gap-4">
                        <div class="col-xl-6">
                            <div class="blog-card main d-flex flex-column gap-16 bg-lightest-gray br-16">
                                <a href="blog-detail.html" class="card-image">
                                    <img src="/forword/picture/11.png" alt="blog image">
                                </a>
                                <div class="d-flex flex-column gap-32">
                                    <div class="d-flex flex-column gap-16 black">
                                        <div class="create-by">
                                            <p class="fw-500">20 Nov, 2024</p>
                                            <div class="dot"></div>
                                            <p class="dark-gray">By Rosalie Jones</p>
                                        </div>
                                        <a href="blog-detail.html" class="h4">Essential Hair Care Tips for Stronger, Healthier
                                            Hair</a>
                                        <p class="">Lorem ipsum dolor sit amet consectetur. Eget massa elementum sit
                                            massa tincidunt urna vulputate. Justo massa mattis consectetur ac. Massa
                                            ipsum cras est id.</p>
                                    </div>
                                    <a href="blog-detail.html" class="text-16 medium black card-btn">Read More</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-6">
                            <div class="row row-gap-4">
                                <div class="col-lg-6">
                                    <div class="blog-card main d-flex flex-column gap-16 bg-lightest-gray br-16">
                                        <a href="blog-detail.html" class="card-image">
                                            <img src="/forword/picture/21.png" alt="blog image">
                                        </a>
                                        <div class="d-flex flex-column gap-32">
                                            <div class="d-flex flex-column gap-16 black">
                                                <div class="create-by">
                                                    <p class="fw-500">20 Nov, 2024</p>
                                                    <div class="dot"></div>
                                                    <p class="dark-gray">By Rosalie Jones</p>
                                                </div>
                                                <a href="blog-detail.html" class="h6">Essential Hair Care Tips for Stronger,
                                                    Healthier Hair</a>
                                            </div>
                                            <a href="blog-detail.html" class="text-16 medium black card-btn">Read More</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="blog-card main d-flex flex-column gap-16 bg-lightest-gray br-16">
                                        <a href="blog-detail.html" class="card-image">
                                            <img src="/forword/picture/31.png" alt="blog image">
                                        </a>
                                        <div class="d-flex flex-column gap-32">
                                            <div class="d-flex flex-column gap-16 black">
                                                <div class="create-by">
                                                    <p class="fw-500">20 Nov, 2024</p>
                                                    <div class="dot"></div>
                                                    <p class="dark-gray">By Rosalie Jones</p>
                                                </div>
                                                <a href="blog-detail.html" class="h6">Essential Hair Care Tips for Stronger,
                                                    Healthier Hair</a>
                                            </div>
                                            <a href="blog-detail.html" class="text-16 medium black card-btn">Read More</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="blog-card main d-flex flex-column gap-16 bg-lightest-gray br-16">
                                        <a href="blog-detail.html" class="card-image">
                                            <img src="/forword/picture/41.png" alt="blog image">
                                        </a>
                                        <div class="d-flex flex-column gap-32">
                                            <div class="d-flex flex-column gap-16 black">
                                                <div class="create-by">
                                                    <p class="fw-500">20 Nov, 2024</p>
                                                    <div class="dot"></div>
                                                    <p class="dark-gray">By Rosalie Jones</p>
                                                </div>
                                                <a href="blog-detail.html" class="h6">Essential Hair Care Tips for Stronger,
                                                    Healthier Hair</a>
                                            </div>
                                            <a href="blog-detail.html" class="text-16 medium black card-btn">Read More</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="blog-card main d-flex flex-column gap-16 bg-lightest-gray br-16">
                                        <a href="blog-detail.html" class="card-image">
                                            <img src="/forword/picture/51.png" alt="blog image">
                                        </a>
                                        <div class="d-flex flex-column gap-32">
                                            <div class="d-flex flex-column gap-16 black">
                                                <div class="create-by">
                                                    <p class="fw-500">20 Nov, 2024</p>
                                                    <div class="dot"></div>
                                                    <p class="dark-gray">By Rosalie Jones</p>
                                                </div>
                                                <a href="blog-detail.html" class="h6">Essential Hair Care Tips for Stronger,
                                                    Healthier Hair</a>
                                            </div>
                                            <a href="blog-detail.html" class="text-16 medium black card-btn">Read More</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- BLOGS SECTION END -->

            <!-- BRAND SLIDER START -->
            <div class="brand-section py-80">
                <div class="container-fluid">
                    <div class="brand-slider">
                        <div class="brand-block">
                            <img src="/forword/picture/brand-1.png" alt="">
                        </div>
                        <div class="brand-block">
                            <img src="/forword/picture/brand-2.png" alt="">
                        </div>
                        <div class="brand-block">
                            <img src="/forword/picture/brand-3.png" alt="">
                        </div>
                        <div class="brand-block">
                            <img src="/forword/picture/brand-4.png" alt="">
                        </div>
                        <div class="brand-block">
                            <img src="/forword/picture/brand-5.png" alt="">
                        </div>
                        <div class="brand-block">
                            <img src="/forword/picture/brand-1.png" alt="">
                        </div>
                        <div class="brand-block">
                            <img src="/forword/picture/brand-2.png" alt="">
                        </div>
                        <div class="brand-block">
                            <img src="/forword/picture/brand-3.png" alt="">
                        </div>
                        <div class="brand-block">
                            <img src="/forword/picture/brand-4.png" alt="">
                        </div>
                        <div class="brand-block">
                            <img src="/forword/picture/brand-5.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <!-- BRAND SLIDER END -->

            <!-- FOOTER Start -->
            <footer>
                <div class="container-fluid">
                    <div class="footer-wrapper pt-48 mb-32">
                        <div class="row row-gap-4">
                            <div class="col-lg-4">
                                <div class="store-desc">
                                    <a href=""><img src="/forword/picture/logo.png" alt="" class="mb-16"></a>
                                    <p class="white mb-xl-32 mb-lg-0 mb-32">
                                        Lorem ipsum dolor sit amet consectetur. Ornare amet enim vel varius purus
                                        consequat ultrices. Id mi viverra euismod
                                        risus viverra tortor cursus.
                                    </p>
                                    <h5 class="fw-500 white mb-16">Follow Us</h5>
                                    <ul class="list-unstyled social-link">
                                        <li>
                                            <a href="">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                    <path d="M14.6875 4.6875C15.0109 4.6875 15.2734 4.425 15.2734 4.10156V0.585938C15.2734 0.2625 15.0109 0 14.6875 0H11.1718C8.91011 0 7.07027 1.83984 7.07027 4.10156V7.03125H5.31245C4.98902 7.03125 4.72652 7.29375 4.72652 7.61719V11.1328C4.72652 11.4563 4.98902 11.7188 5.31245 11.7188H7.07027V19.4141C7.07027 19.7375 7.33277 20 7.6562 20H11.1718C11.4953 20 11.7578 19.7375 11.7578 19.4141V11.7188H14.1015C14.3878 11.7188 14.6324 11.5117 14.6796 11.2293L15.2656 7.71367C15.2937 7.54375 15.246 7.36992 15.1347 7.23828C15.0234 7.10703 14.8597 7.03125 14.6875 7.03125H11.7578V4.6875H14.6875ZM11.1718 8.20312H13.9957L13.605 10.5469H11.1718C10.8484 10.5469 10.5859 10.8094 10.5859 11.1328V18.8281H8.24214V11.1328C8.24214 10.8094 7.97964 10.5469 7.6562 10.5469H5.89839V8.20312H7.6562C7.97964 8.20312 8.24214 7.94063 8.24214 7.61719V4.10156C8.24214 2.48633 9.55659 1.17188 11.1718 1.17188H14.1015V3.51562H11.1718C10.8484 3.51562 10.5859 3.77813 10.5859 4.10156V7.61719C10.5859 7.94063 10.8484 8.20312 11.1718 8.20312Z" fill="#141516"></path>
                                                </svg>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                    <path d="M10.1968 19.9999C10.1306 19.9999 10.0644 19.9999 9.99771 19.9996C8.43002 20.0035 6.9815 19.9636 5.57281 19.8779C4.28131 19.7993 3.10242 19.353 2.16339 18.5873C1.25732 17.8485 0.63858 16.8495 0.324402 15.6184C0.0509644 14.5466 0.0364685 13.4945 0.022583 12.4769C0.0125122 11.7468 0.00213623 10.8816 0 10.0018C0.00213623 9.11829 0.0125122 8.25312 0.022583 7.52298C0.0364685 6.50553 0.0509644 5.45343 0.324402 4.3815C0.63858 3.15043 1.25732 2.15143 2.16339 1.4126C3.10242 0.646916 4.28131 0.200597 5.57297 0.122014C6.98166 0.0364124 8.43048 -0.00356563 10.0015 0.000249067C11.5697 -0.00310787 13.0177 0.0364124 14.4264 0.122014C15.7179 0.200597 16.8968 0.646916 17.8358 1.4126C18.7421 2.15143 19.3607 3.15043 19.6748 4.3815C19.9483 5.45328 19.9628 6.50553 19.9767 7.52298C19.9867 8.25312 19.9972 9.11829 19.9992 9.99811V10.0018C19.9972 10.8816 19.9867 11.7468 19.9767 12.4769C19.9628 13.4944 19.9484 14.5465 19.6748 15.6184C19.3607 16.8495 18.7421 17.8485 17.8358 18.5873C16.8968 19.353 15.7179 19.7993 14.4264 19.8779C13.0774 19.96 11.6916 19.9999 10.1968 19.9999ZM9.99771 18.7609C11.5399 18.7646 12.9559 18.7255 14.3315 18.6419C15.3081 18.5825 16.46 17.942 17.1537 17.3763C17.7948 16.8534 18.2364 16.132 18.4661 15.232C18.6937 14.3398 18.7069 13.3819 18.7195 12.4555C18.7294 11.7303 18.7398 10.8712 18.7419 9.99994C18.7398 9.12851 18.7294 8.2696 18.7195 7.54435C18.7069 6.61798 18.6937 5.66004 18.4661 4.7677C18.2364 3.86774 17.7948 3.14631 17.1537 2.62339C16.46 2.0579 15.3081 1.4361 14.3315 1.37674C12.9559 1.29297 11.5399 1.25436 10.0014 1.25772C8.45947 1.25406 7.0433 1.29755 5.66772 1.38132C4.69116 1.44068 3.64605 1.8595 2.95239 2.42499C2.31121 2.94791 1.75088 3.86774 1.52123 4.7677C1.29357 5.66004 1.28045 6.61783 1.26779 7.54435C1.25787 8.27021 1.24749 9.12973 1.24535 10.0018C1.24749 10.87 1.25787 11.7297 1.26779 12.4555C1.28045 13.3819 1.29357 14.3398 1.52123 15.232C1.75088 16.132 2.19247 16.8534 2.83364 17.3763C3.52731 17.9418 4.69116 18.5825 5.66772 18.6419C7.0433 18.7257 8.45978 18.7647 9.99771 18.7609ZM9.96048 14.8828C7.26822 14.8828 5.07767 12.6924 5.07767 9.99994C5.07767 7.30753 7.26822 5.11713 9.96048 5.11713C12.6529 5.11713 14.8433 7.30753 14.8433 9.99994C14.8433 12.6924 12.6529 14.8828 9.96048 14.8828ZM10.0014 6.25407C7.80598 6.25407 6.26095 7.79911 6.26095 9.99811C6.26095 11.8289 7.6453 13.7608 9.97978 13.7608C11.8107 13.7608 13.7142 12.0263 13.7142 9.99811C13.7142 8.16736 12.3175 6.25407 10.0014 6.25407ZM15.3902 3.55463C14.743 3.55463 14.2183 4.07923 14.2183 4.72651C14.2183 5.37378 14.743 5.89838 15.3902 5.89838C16.0374 5.89838 16.562 5.37378 16.562 4.72651C16.562 4.07923 16.0374 3.55463 15.3902 3.55463Z" fill="#141516"></path>
                                                </svg>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                    <path d="M11.8683 8.46864L19.1537 0H17.4273L11.1014 7.3532L6.04897 0H0.221558L7.86186 11.1193L0.221558 20H1.94805L8.62833 12.2348L13.9641 20H19.7915L11.8679 8.46864H11.8683ZM9.50367 11.2173L8.72954 10.1101L2.57013 1.29967H5.22192L10.1926 8.40994L10.9668 9.51718L17.4281 18.7594H14.7763L9.50367 11.2177V11.2173Z" fill="#0D0908"></path>
                                                </svg>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                    <path d="M4.70306 6.27594H0.9375C0.613861 6.27594 0.351562 6.53839 0.351562 6.86188V19.4141C0.351562 19.7377 0.613861 20 0.9375 20H4.70306C5.0267 20 5.289 19.7377 5.289 19.4141V6.86188C5.289 6.53839 5.0267 6.27594 4.70306 6.27594ZM4.11713 18.8281H1.52344V7.44781H4.11713V18.8281Z" fill="#141516"></path>
                                                    <path d="M2.82043 0C1.45905 0 0.351562 1.10748 0.351562 2.46857C0.351562 3.82996 1.45905 4.93729 2.82043 4.93729C4.18167 4.93729 5.289 3.8298 5.289 2.46857C5.289 1.10748 4.18167 0 2.82043 0ZM2.82043 3.76541C2.10526 3.76541 1.52344 3.18375 1.52344 2.46857C1.52344 1.75354 2.10526 1.17188 2.82043 1.17188C3.53546 1.17188 4.11713 1.75354 4.11713 2.46857C4.11713 3.18375 3.53546 3.76541 2.82043 3.76541Z" fill="#141516"></path>
                                                    <path d="M14.1176 6.19308C13.2269 6.19308 12.3491 6.40778 11.563 6.80939C11.5363 6.51047 11.2852 6.27594 10.9793 6.27594H7.21344C6.88995 6.27594 6.6275 6.53839 6.6275 6.86188V19.4141C6.6275 19.7377 6.88995 20 7.21344 20H10.9793C11.3029 20 11.5652 19.7377 11.5652 19.4141V12.5104C11.5652 11.6223 12.2879 10.8998 13.176 10.8998C14.064 10.8998 14.7864 11.6223 14.7864 12.5104V19.4141C14.7864 19.7377 15.0488 20 15.3723 20H19.138C19.4617 20 19.724 19.7377 19.724 19.4141V11.7995C19.724 8.70804 17.209 6.19308 14.1176 6.19308ZM18.5521 18.8281H15.9584V12.5104C15.9584 10.9761 14.7102 9.72794 13.1761 9.72794C11.6417 9.72794 10.3934 10.9761 10.3934 12.5104V18.8281H7.79953V7.44781H10.3934V7.88071C10.3934 8.10608 10.5226 8.31146 10.7259 8.40897C10.929 8.50647 11.17 8.4787 11.346 8.33786C12.1394 7.70142 13.098 7.36496 14.1176 7.36496C16.5628 7.36496 18.5521 9.35425 18.5521 11.7995V18.8281Z" fill="#141516"></path>
                                                </svg>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-lg-2 col-md-4 col-sm-6">
                                <div class="footer-link-block">
                                    <h5 class="white mb-24">Useful Links</h5>
                                    <ul class="list-unstyled m-0">
                                        <li class="white mb-8"><a href="">Wholesale</a></li>
                                        <li class="white mb-8"><a href="">Become a retailer</a></li>
                                        <li class="white mb-8"><a href="">Corporate orders</a></li>
                                        <li class="white mb-8"><a href="">Affiliates</a></li>
                                        <li class="white mb-8"><a href="">F.A.Q.</a></li>
                                        <li class="white"><a href="contact.html">Contact</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-4 col-sm-6">
                                <div class="footer-link-block spacing-block">
                                    <h5 class="white mb-24">Quick Links</h5>
                                    <ul class="list-unstyled m-0">
                                        <li class="white mb-8"><a href="about.html">About us</a></li>
                                        <li class="white mb-8"><a href="blog-grid.html">Blogs</a></li>
                                        <li class="white mb-8"><a href="shop-grid.html">Shop</a></li>
                                        <li class="white mb-8"><a href="shop-grid-sidebar.html">Find a store</a></li>
                                        <li class="white"><a href="contact.html">Privacy Policy</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-4">
                                <div class="footer-link-block">
                                    <h5 class="white mb-24">Contact Us</h5>
                                    <ul class="list-unstyled contact-list mb-32">
                                        <li class="mb-16">
                                            <div class="icon-box">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewbox="0 0 21 21" fill="none">
                                                    <path d="M16.5823 16.0597L16.1652 15.3632C15.4151 14.1264 14.3798 12.7069 13.0219 12.7069C12.7703 12.7069 12.5211 12.7575 12.2745 12.86L11.5457 13.1725C11.4791 13.2001 11.4144 13.2315 11.3459 13.2648C11.1594 13.3555 10.9479 13.4583 10.7303 13.4583C10.1936 13.4583 9.57172 12.7598 8.97953 11.4916C8.39834 10.2469 8.43542 9.59438 8.56883 9.26603C8.71604 8.90377 9.05837 8.74889 9.42613 8.6097C9.47728 8.59031 9.52346 8.57272 9.56838 8.55423L10.3064 8.24348C12.2292 7.43939 11.5139 4.62944 11.2794 3.70819L11.0805 2.9161C10.9104 2.26329 10.4596 0.529297 8.96419 0.529297C8.68736 0.529297 8.39203 0.593793 8.08669 0.721071C7.88634 0.800631 5.12934 1.92602 4.13051 3.90312C2.93674 6.25646 3.15747 9.41225 4.78593 13.2808C6.40221 17.1543 8.49811 19.5235 11.0154 20.3225C11.4472 20.4597 11.9353 20.5292 12.466 20.5292H12.4663C14.2035 20.5292 15.9184 19.7901 16.0576 19.7287C16.6565 19.475 17.0437 19.0894 17.2082 18.5825C17.4871 17.723 17.0193 16.7812 16.5823 16.0597ZM15.9211 18.1649C15.8829 18.2827 15.7499 18.3902 15.5262 18.4844C15.5225 18.486 15.518 18.4879 15.5142 18.4896C15.4987 18.4965 13.9464 19.1763 12.4659 19.1762C12.0743 19.1762 11.724 19.1281 11.4249 19.033C9.30408 18.3598 7.49062 16.2493 6.03373 12.7579C4.56601 9.2709 4.33148 6.49766 5.33762 4.51425C6.11888 2.96788 8.56477 1.98691 8.58876 1.97753C8.59363 1.97554 8.59841 1.97365 8.6032 1.97166C8.74247 1.91321 8.86731 1.88236 8.96419 1.88236C9.26232 1.88236 9.53365 2.34475 9.76945 3.25103L9.96745 4.03978C10.3947 5.71758 10.3296 6.76701 9.78271 6.99577L9.04817 7.30517C9.01895 7.31726 8.98476 7.32998 8.94705 7.34432C8.54132 7.49794 7.697 7.81744 7.31517 8.75665C6.96869 9.6089 7.11212 10.6908 7.7532 12.0643C8.61664 13.9128 9.59039 14.8114 10.7301 14.8114C11.2591 14.8114 11.6837 14.605 11.9373 14.4818C11.9841 14.4591 12.0258 14.4383 12.0707 14.4197L12.8007 14.1067C12.876 14.0753 12.9483 14.06 13.0218 14.06C13.3731 14.06 14.0031 14.4079 15.0063 16.0618L15.4232 16.7578C15.9369 17.606 15.9775 17.9911 15.9211 18.1649Z" fill="#464646"></path>
                                                </svg>
                                            </div>
                                            <a href="tel:12348684" class="h6 white fw-600">+001 123 456 987</a>
                                        </li>
                                        <li>
                                            <div class="icon-box">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewbox="0 0 21 21" fill="none">
                                                    <path d="M18.5756 3.49805H2.09119C1.11998 3.49805 0.333374 4.28953 0.333374 5.25586V15.8027C0.333374 16.7748 1.12576 17.5605 2.09119 17.5605H18.5756C19.5386 17.5605 20.3334 16.7781 20.3334 15.8027V5.25586C20.3334 4.29125 19.5499 3.49805 18.5756 3.49805ZM18.3294 4.66992C17.9702 5.02715 11.7897 11.1751 11.5763 11.3874C11.2443 11.7194 10.8029 11.9022 10.3334 11.9022C9.86384 11.9022 9.42244 11.7194 9.08931 11.3863C8.9458 11.2435 2.83349 5.16344 2.33736 4.66992H18.3294ZM1.50525 15.5642V5.49512L6.56923 10.5324L1.50525 15.5642ZM2.3381 16.3887L7.40009 11.3589L8.26177 12.216C8.81513 12.7694 9.55083 13.0741 10.3334 13.0741C11.1159 13.0741 11.8516 12.7694 12.4039 12.2171L13.2667 11.3589L18.3286 16.3887H2.3381ZM19.1615 15.5642L14.0975 10.5324L19.1615 5.49512V15.5642Z" fill="#464646"></path>
                                                </svg>
                                            </div>
                                            <a href="mailto:info@example.com" class="white">exampleinfo@gmail.com</a>
                                        </li>
                                    </ul>
                                    <h5 class="white fw- mb-16">Subscribe to Our Newslatter</h5>
                                    <form method="post" class="newsletter-form">
                                        <svg class="svg-icon" xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewbox="0 0 21 21" fill="none">
                                            <path d="M18.9088 3.15771H2.42444C1.45323 3.15771 0.666626 3.9492 0.666626 4.91553V15.4624C0.666626 16.4345 1.45901 17.2202 2.42444 17.2202H18.9088C19.8719 17.2202 20.6666 16.4378 20.6666 15.4624V4.91553C20.6666 3.95092 19.8831 3.15771 18.9088 3.15771ZM18.6626 4.32959C18.3035 4.68682 12.123 10.8348 11.9096 11.0471C11.5776 11.3791 11.1362 11.5619 10.6666 11.5619C10.1971 11.5619 9.75569 11.379 9.42256 11.046C9.27905 10.9032 3.16674 4.82311 2.67061 4.32959H18.6626ZM1.8385 15.2239V5.15479L6.90249 10.1921L1.8385 15.2239ZM2.67135 16.0483L7.73334 11.0185L8.59502 11.8757C9.14838 12.429 9.88409 12.7338 10.6666 12.7338C11.4492 12.7338 12.1849 12.429 12.7371 11.8768L13.5999 11.0185L18.6619 16.0483H2.67135ZM19.4948 15.2239L14.4308 10.1921L19.4948 5.15479V15.2239Z" fill="white"></path>
                                        </svg>
                                        <input type="email" class="form-control newsletter-input" placeholder="Enter Your Email">
                                        <button type="submit">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                                                <path d="M19.8283 0.171647C19.6625 0.00586635 19.4138 -0.0451101 19.1963 0.041921L0.368218 7.57308C0.152789 7.65925 0.00853097 7.86441 0.00024974 8.09632C-0.00799243 8.32819 0.121382 8.54308 0.330132 8.64433L7.75465 12.2451L11.3555 19.6697C11.4537 19.8722 11.6588 19.9999 11.8826 19.9999C11.8895 19.9999 11.8965 19.9998 11.9035 19.9995C12.1353 19.9913 12.3406 19.847 12.4267 19.6316L19.9579 0.803599C20.045 0.585943 19.994 0.337389 19.8283 0.171647ZM2.03478 8.16862L16.9811 2.19016L8.07371 11.0974L2.03478 8.16862ZM11.8312 17.9651L8.90234 11.926L17.8097 3.01875L11.8312 17.9651Z" fill="#1E1F20"></path>
                                            </svg>
                                        </button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="hr-line"></div>
                    <div class="py-32">
                        <div class="footer-bottom-bar">
                            <p class="white">Copyright &copy; 2025.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
                                
                                   </p>
                            <div class="payment-cards d-flex align-items-center gap-16">
                                <div class="card-block">
                                    <img src="/forword/picture/card-1.png" alt="">
                                </div>
                                <div class="card-block">
                                    <img src="/forword/picture/card-2.png" alt="">
                                </div>
                                <div class="card-block">
                                    <img src="/forword/picture/card-3.png" alt="">
                                </div>
                                <div class="card-block">
                                    <img src="/forword/picture/card-4.png" alt="">
                                </div>
                                <div class="card-block">
                                    <img src="/forword/picture/card-5.png" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </footer>
            <!-- FOOTER End -->
        </main>
        <!-- Main Sections -->
    </div>
    <!-- Main Wrapper End -->

    <!-- Back To Top Start -->
    <a href="#main-wrapper" id="backto-top" class="back-to-top"><i class="fa-light fa-chevron-up"></i></a>


    <!-- Mobile Menu Start -->
    <div class="mobile-nav__wrapper">
        <div class="mobile-nav__overlay mobile-nav__toggler"></div>
        <div class="mobile-nav__content">
            <span class="mobile-nav__close mobile-nav__toggler"><i class="fa fa-times"></i></span>
            <div class="logo-box">
                <a href="" aria-label="logo image"><img src="/forword/picture/logo.png" alt=""></a>
            </div>
            <div class="mobile-nav__container"></div>
            <ul class="mobile-nav__contact list-unstyled">
                <li>
                    <i class="fas fa-envelope"></i>
                    <a href="mailto:example@company.com">example@company.com</a>
                </li>
                <li>
                    <i class="fa fa-phone-alt"></i>
                    <a href="tel:+12345678">+123 (4567) -890</a>
                </li>
            </ul>
            <div class="mobile-nav__social">
                <a href=""><i class="fa-brands fa-x-twitter"></i></a>
                <a href=""><i class="fab fa-facebook"></i></a>
                <a href=""><i class="fab fa-instagram"></i></a>
            </div>
        </div>
    </div>
    <!-- Mobile Menu End -->

    <!-- Modal -->
    <div class="modal fade" id="productQuickView" data-bs-backdrop="/forword" data-bs-keyboard="false" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="shop-detail">
                        <div class="detail-wrapper">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="quick-image-box">
                                        <img src="/forword/picture/quick-view.png" alt="">
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="product-text-container bg-white br-20">
                                        <div class="close-content text-end">
                                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                        </div>
                                        <p class="eyebrow mb-12">Sport Supplements</p>
                                        <h3 class="black fw-700 mb-16">Big Whey - The Ultimate Whey Protein </h3>
                                        <div class="d-flex align-items-center flex-wrap gap-16 mb-16">
                                            <h6 class="color-quant">★★★★<span class="light-gray">★</span>&nbsp;&nbsp;<span class="text-16 fw-400 dark-black">(02 Reviews)</span></h6>
                                        </div>
                                        <div class="d-flex align-items-center gap-16 mb-16">
                                            <h6 class="dark-gray text-decoration-line-through">$450.00</h6>
                                            <h5 class="black">$400.00</h5>
                                        </div>
                                        <p class="quick-view-text mb-16">
                                            Fuel your workouts with Big Whey, the premium whey protein blend designed for muscle recovery and growth. Packed
                                            with essential amino acids, it's your perfect companion for achieving peak performance and fitness goals.
                                        </p>
                                        <div class="hr-line bg-sept mb-24"></div>
                                        <div class="function-bar mb-16">
                                            <p class="subtitle font-primary fw-500 black mb-8">Quantity:</p>
                                            <div class="quantity quantity-wrap mb-24">
                                                <div class="input-area quantity-wrap">
                                                    <input class="decrement" type="button" value="-">
                                                    <input type="text" name="quantity" value="1" maxlength="2" size="1" class="number">
                                                    <input class="increment" type="button" value="+">
                                                </div>
                                            </div>
                                            <p class="black font-primary fw-500 mb-24">SKU: <span class="dark-gray font-sec"> GH-001-NY</span></p>
                                            <div class="cart-btn">
                                                <a href="" class="cus-btn-2">ADD TO CART</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Modal -->
       
    <!-- Modal -->
    <div class="modal fade" id="comparepopup" data-bs-backdrop="/forword" data-bs-keyboard="false" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog compare-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="zui-wrapper">
                        <div class="close-content text-end">
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                        <div id="container" class="zui-scroller">
                            <table class="zui-table">
                                <thead>
                                    <tr>
                                        <th class="zui-sticky-col">Product</th>
                                        <th id="product-col" class="table-col">
                                            <span class="text-16 fw-400 mb-16">
                                                <a href="#" class="product-link">Marbella Poplin Dress</a>
                                            </span>
                                            <img class="product-img" src="/forword/picture/1.png" alt="">
                                        </th>
                                        <th class="table-col">
                                            <span class="text-16 fw-400 mb-16">
                                                <a href="#" class="product-link">Relaxed Fit Culottes
                                                </a>
                                            </span>
                                            <img class="product-img" src="/forword/picture/2.png" alt="">
                                        </th>
                                        <th class="table-col">
                                            <span class="text-16 fw-400 mb-16">
                                                <a href="#" class="product-link">Short Hem Top
                                                </a>
                                            </span>
                                            <img class="product-img" src="/forword/picture/3.png" alt="">
                                        </th>
                                        <th class="table-col">
                                            <span class="text-16 fw-400 mb-16">
                                                <a href="#" class="product-link">Belted Linen Outerwear
                                                </a>
                                            </span>
                                            <img class="product-img" src="/forword/picture/4.png" alt="">
                                        </th>
                                        <th class="table-col">
                                            <span class="text-16 fw-400 mb-16">
                                                <a href="#" class="product-link">Marbella Poplin Dress</a>
                                            </span>
                                            <img class="product-img" src="/forword/picture/5.png" alt="">
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td class="zui-sticky-col">Price</td>
                                        <td class="text-center"><strong>$85.00</strong></td>
                                        <td class="text-center"><strong>$700.00</strong></td>
                                        <td class="text-center"><strong>$50.00</strong></td>
                                        <td class="text-center"><strong>$500.00</strong></td>
                                        <td class="text-center"><strong>$150.00</strong></td>
                                    </tr>
                                    <tr>
                                        <td class="zui-sticky-col zui-stripe-row">Description</td>
                                        <td>AS4500</td>
                                        <td>AS8500</td>
                                        <td>AS6000</td>
                                        <td>AS4600</td>
                                        <td>AS1000</td>
                                    </tr>
                                    <tr>
                                        <td class="zui-sticky-col">Availablity</td>
                                        <td><i class="far fa-plus-circle"></i>Optional</td>
                                        <td><i class="far fa-check-circle"></i>Included</td>
                                        <td><i class="far fa-check-circle"></i>Included</td>
                                        <td><i class="far fa-check-circle"></i>Included</td>
                                        <td><i class="far fa-check-circle"></i>Included</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Shopping Cart Popup Start -->
    <aside id="sidebar-cart">
        <div class="title-cart-block mb-32 bg-lightest-gray">
            <h6>Shopping Cart (02)</h6>
            <a href="#" class="close-button close-popup"><span class="close-icon">X</span></a>
        </div>
        <ul class="product-list p-24">
            <li class="product-item mb-24">
                <div class="d-flex align-items-center gap-12">
                    <div class="item-image">
                        <img src="/forword/picture/sm-1.png" alt="Product Photo">
                    </div>
                    <div class="prod-title">
                        <a href="" class="h6 black mb-8">Vitamins & Minerals</a>
                        <p class="mb-4p">Quantity: 1</p>
                        <p>$30.00</p>
                    </div>
                </div>
                <div class="text-end">
                    <a href="javascript:;" class="cancel mb-12">
                        <img src="/forword/picture/cancel.png" alt="">
                    </a>
                    <div class="quantity quantity-wrap">
                        <div class="input-area quantity-wrap">
                            <input class="decrement" type="button" value="-">
                            <input type="text" name="quantity" value="1" maxlength="2" size="1" class="number">
                            <input class="increment" type="button" value="+">
                        </div>
                    </div>
                </div>
            </li>
            <li class="hr-line mb-24"></li>
            <li class="product-item mb-24">
                <div class="d-flex align-items-center gap-12">
                    <div class="item-image">
                        <img src="/forword/picture/sm-2.png" alt="Product Photo">
                    </div>
                    <div class="prod-title">
                        <a href="" class="h6 black mb-8">Mass Gainers</a>
                        <p class="mb-4p">Quantity: 1</p>
                        <p>$1230.00</p>
                    </div>
                </div>
                <div class="text-end">
                    <a href="javascript:;" class="cancel mb-12">
                        <img src="/forword/picture/cancel.png" alt="">
                    </a>
                    <div class="quantity quantity-wrap">
                        <div class="input-area quantity-wrap">
                            <input class="decrement" type="button" value="-">
                            <input type="text" name="quantity" value="1" maxlength="2" size="1" class="number">
                            <input class="increment" type="button" value="+">
                        </div>
                    </div>
                </div>
            </li>
            <li class="hr-line mb-24"></li>
        </ul>
        <div class="price-total p-24">
            <span class="h5">SUBTOTAL</span>
            <span class="h5">$281.98</span>
        </div>
        <div class="hr-line mb-24"></div>
        <div class="action-buttons p-24">
            <a href="" class="cus-btn-2">VIEW CART</a>
            <a href="" class="cus-btn active-btn">CHECKOUT</a>
        </div>
    </aside>
    <div id="sidebar-cart-curtain" class="close-popup"></div>
    <!-- Shopping Cart Popup End -->


    <!-- Jquery Js -->
    <script src="/forword/js/bootstrap.min.js"></script>
    <script src="/forword/js/jquery-3.6.3.min.js"></script>
    <script src="/forword/js/slick.min.js"></script>
    <script src="/forword/js/jquery.countdown.min.js"></script>
    <script src="/forword/js/slickAnimation.js"></script>

    <script src="/forword/js/app.js"></script>

</body>

</html>